angular2 nicht Eingang deaktiviert basierend auf wahr oder falsch Bedingung

Question

ich ein Eingabefeld auf der folgenden Basis haben:

Wenn eine Änderung Radio Ich sehe, dass sich der Wert ändert, um wahr für falsch:

<pre> {{model_parameters_general.estimationmethod=='ew'}} </pre> 

Also wow, warum wird die Eingabebox auf Basis von True für False deaktiviert?

<input [disabled]="model_parameters_general.estimationmethod=='ew'" [(ngModel)]="model_parameters_general.lambda" 
          formControlName="lambda" type="text" class="form-control"> 

EDIT:

In den Protokollen ich diese:

It looks like you're using the disabled attribute with a reactive form directive. If you set disabled to true 
     when you set up this control in your component class, the disabled attribute will actually be set in the DOM for 
     you. We recommend using this approach to avoid 'changed after checked' errors. 

    Example: 
    form = new FormGroup({ 
    first: new FormControl({value: 'Nancy', disabled: true}, Validators.required), 
    last: new FormControl('Drew', Validators.required) 
    }); 

So verwende ich ein reaktives von in rc6.

stelle ich die anfängliche disable auf die folgende Liste:

this.myForm = fb.group({ 
       lambda: new FormControl({value: .99, disabled: true}, Validators.required), 

     }) 

So schalte ich auf der Grundlage eines Toggle eines Funkeingangs?

Answer 1

Für boolean Eigenschaften, die Sie brauchen, um sie zu null setzen sie

entfernt zu bekommen

<input [disabled]="model_parameters_general.estimationmethod=='ew' ? true : null" [(ngModel)]="model_parameters_general.lambda" 
    formControlName="lambda" type="text" class="form-control"> 

Answer 2

Es scheint in rc.6 sie die Fähigkeit entfernt Eingänge dynamisch Bindung auf einer Vorlage zu deaktivieren, wenn reaktive Formen verwenden. Sie müssen die Änderungen überwachen und .disable() auf der formControl anrufen, die Sie jetzt deaktivieren möchten. Ich bevorzuge eher die alte Art, Dinge zu tun und hoffe, dass sie es zurückbringen oder eine ebenso nützliche Lösung.

Chime in diesem related github issue.

Answer 3

Versuchen Sie den folgenden Code.

setControl(name: any, Isenable: boolean): void { 
    let ctrl = this.checkInForm.controls[name]; 
    console.log(ctrl); 
    Isenable ? ctrl.enable() : ctrl.disable(); 
} 

Aufruf Statement

this.setControl('ctrl name', true); // enbale it 
    this.setControl('ctrl name', false); // disable it 

Dank Glücklich Coding!

Answer 4

Versuchen attr.disabled, statt deaktiviert

<input [attr.disabled]="disabled?'':null"/>

StackOverflow Answer