Desabilitar / Habilitar componentes quando tiver alterando - resolvido

[guilhermebhte]

Tenho esta variável alterarRegistro : boolean;.

neste metodo ngOnInit(), verifico se é alteração ou não

  ngOnInit() {
      this.empresa = new Empresa;
      if(this.routaAtual.snapshot.url.length > 1){
        let id = this.routaAtual.snapshot.url[1].path;
        this.alterarRegistro = true;
      } else {
        this.alterarRegistro = false;
        this.titulo = "Cadastrar banco";
      }
    }

Quero que alguns componentes sejam inativos quando a variável this.alterarRegistro for true.

Não consegui fazer com a opção disabled.

Como proceder então ?

[guilhermebhte]

Antes de clicar em salvar

Clicando em salvar

Back end

[guilhermebhte]

[guilhermebhte]

[javaflex]

Imagem fica difícil. Posta o código HTML indicando os elementos que deseja desabilitar.

Exemplo:

HTML:

<input class="teste" type="text" />
<input class="teste" type="checkbox" value="Teste">
<select class="teste">
  <option>Teste</option>
</select>   

JS:

var elems = document.querySelectorAll(".teste");

for (var i = 0; i < elems.length; i++) {
	elems[i].disabled = alterarRegistro; //sua variavel
}

[guilhermebhte]

Foi resolvido.

No código TS, eu estava pegando o form.value e tentando salvar. Mas troquei pela variável declarada no [(ngModel)]. Assim funcionou e não tive mais problemas.

Antes

onSubmit(form){
    this.loading = true;
    console.log(form.value);
    this.bairro,id = form.id
    this.bairro,pais = form.pais
    this.bairro.descricao = form.descricao
    console.log(this.bairro);
    this.bairroService.getSalvar(this.bairro).map(res => res)
    .subscribe(
      dados => {
        console.log(dados);
        var tipoRetorno : boolean = false;
        if(dados.tipo == "SUCESSO"){
          tipoRetorno = true;
        }
        this.openSnackBar(dados.mensagem, tipoRetorno);
        if(dados.tipo == "SUCESSO"){
          this.voltar();
        }
        this.loading = false;
      }
    ), err => {
      this.loading = false;
    };
  }

Agora

onSubmit(form){
    this.loading = true;
    console.log(form.value);
    console.log(this.bairro);
    this.bairroService.getSalvar(this.bairro).map(res => res)
    .subscribe(
      dados => {
        console.log(dados);
        var tipoRetorno : boolean = false;
        if(dados.tipo == "SUCESSO"){
          tipoRetorno = true;
        }
        this.openSnackBar(dados.mensagem, tipoRetorno);
        if(dados.tipo == "SUCESSO"){
          this.voltar();
        }
        this.loading = false;
      }
    ), err => {
      this.loading = false;
    };
  }

Obrigado