Comment désactiver une entrée dans angular2

Question

Dans ts is_edit = true à désactiver ...

 <input [disabled]="is_edit=='false' ? true : null" id="name" type="text" [(ngModel)]="model.name" formControlName="name" class="form-control" minlength="2">
 

Je veux simplement simplement désactiver une entrée basée sur true ou false .

J'ai essayé de suivre:

 [disabled]="is_edit=='false' ? true : null"
[disabled]="is_edit=='true'"
[disabled]="is_edit"
 

Answer 1

Essayez d'utiliser attr.disabled , au lieu de disabled

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

Answer 2

Je pense que j'ai compris le problème, ce champ de saisie est une partie d'une forme réactive (?), puisque vous avez inclus formControlName. Cela signifie que ce que vous essayez de le faire en désactivant le champ de saisie avec is_edit n'est pas de travail, de l'e.g votre tentative, [disabled]="is_edit", qui seraient dans d'autres cas, les travaux. Avec votre formulaire, vous devez faire quelque chose comme ceci:

toggle() {
  let control = this.myForm.get('name')
  control.disabled ? control.enable() : control.disable();
}

et de perdre l' is_edit tout à fait.

si vous souhaitez que le champ d'entrée sera désactivée par défaut, vous devez configurer le contrôle de formulaire:

name: [{value: '', disabled:true}]

Voici un plunker

Answer 3

Vous pouvez simplement faire ceci

 <input [disabled]="true" id="name" type="text">
 

Answer 4

<input [disabled]="isDisabled()" id="name" type="text">

export class AppComponent {
  name:string;
  is_edit : boolean = false;


 isDisabled() : boolean{
   return this.is_edit;
 }
}

Answer 5

Je suppose que vous vouliez dire false au lieu de 'false'

En outre, [disabled] s'attend à un Boolean . Vous devriez éviter de renvoyer un null .