Estou fazendo um formulario com 3 campos, onde o primeiro campos é desbloqueado e os demais bloqueados. Eles desbloqueiam de acordo com o primeiro campo, por exemplo:
Usuario digitou no primeiro campo -> desbloqueia o segundo -> digitou no segundo campo -> desbloqueia o terceiro
eu implementei dessa forma, mas não funcionou. O que estou fazendo de errado?
<div class="ui-g-12 ui-md-3">
<input id="dia" label="dia" minLenght="2" maxlength="2" (keyup)="showSearch($event)"></input>
</div>
<div class="ui-g-12 ui-md-3">
<input id="mes" label="Mes" (keyup)="showSearch($event)"></msp-input-text>
</div>
<div class="ui-g-12 ui-md-3">
<autocomplete id="ano" label="ano" (keyup)="showSearch($event)">
</autocomplete>
</div>
showSearch(event){
this.form.get('dia').valueChanges.subscribe(value => {
if(value){
this.form.get('campo2').enable
}
})
}