如何禁用angular2中的输入

Question

在ts is_edit = true中禁用...

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

我只是想根据true或禁用输入false.

我试过以下:

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

Answer 1

尝试使用attr.disabled,而不是disabled

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

Answer 2

我想我发现了问题,这个输入字段是反应形式(？)的一部分,因为你已经包含了formControlName.这意味着您通过禁用输入字段尝试执行的操作无效is_edit,例如您的尝试[disabled]="is_edit",在其他情况下可以使用.使用您的表单,您需要执行以下操作:

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

is_edit完全失去了.

如果要将输入字段默认禁用,则需要将表单控件设置为:

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

这是一个吸烟者

Answer 3

你可以这么做

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

Answer 4

如果要在某些语句中禁用输入.使用[readonly]=true或false代替禁用.

<input [readonly]="this.isEditable" 
    type="text" 
    formControlName="reporteeName" 
    class="form-control" 
    placeholder="Enter Name" required>

Answer 5

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

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


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

Answer 6

我认为你的意思是false代替'false'

此外,[disabled]期待一个Boolean.你应该避免返回null.