如何启用禁用的文本框点击按钮使用角

Question

我有一个文本框，它是使用简单的禁用html标记禁用的。我需要在单击启用按钮时启用它，再次需要在单击禁用按钮时禁用它。下面是代码-

<input  type="text" disabled value="Sample text box">

<button (click)="enable()" type="button">Enable</button>
<button (click)="disable()" type="button">Disable</button>

enable(){

}

disable(){

}

Answer 1

试着这样做：

超文本标记语言：

<input  type="text" [disabled]="isDisabled" value="Sample text box">

TS：

isDisabled:boolean=false

enable(){
   this.isDisabled = false
}

disable(){
   this.isDisabled = true
}

Answer 2

为此，您可能不需要TypeScript，您可以从模板中引用输入

<input #input type="text" disabled value="Sample text box">

<button (click)="input.disabled = false" type="button">Enable</button>
<button (click)="input.disabled = true" type="button">Disable</button>

Answer 3

HTML

<input  type="text" [disabled]='toggleButton' value="Sample text box">

<button (click)="enable()" type="button">Enable</button>
<button (click)="disable()" type="button">Disable</button>

TS

export class pageName {
     public toggleButton: boolean = false;

     constructor(){}


    enable(){
       this.toggleButton = false
    }

    disable(){
       this.toggleButton = true
    }
}