根据Angular 2中的单选按钮禁用输入字段

Question

说我有这些单选按钮，我创建了一个单击函数localClick，对于第一个按钮，它应该具有1，第二个应具有值2

<div class="ui-g-12"><p-radioButton name="group1" value="Local" (click)=localClick(1) label="Local"></p-radioButton></div>
<div class="ui-g-12"><p-radioButton name="group1" value="Remote" label="Remote" (click)=localClick(2) ></p-radioButton></div>

现在我想要我的输入字段

Example

 <input id="pass" type="text" style="width:80%" disabled="exampleFlag" pInputText [(ngModel)]="password">

我用谷歌搜索并添加了这个东西，disable = exampleFlag，现在在ts文件中，我根据单击的单选按钮将其设置为true或false，所以我这样做

exampleFlag=false; // set it to false initially so box is not disabled
localClick(x) {
if(x==1){
  this.exampleFlag=true;
}
else{
  this.exampleFlag=false;
}
}

基本上，我在这里所做的是，如果单击第一个单选按钮，然后将其设置为true（以便该框将被禁用），否则，无论是否未选择任何按钮或是否选择了第二个单选按钮，都应启用它。

我对此并不陌生，但我在Google上做了一些搜索，但是想出了类似的解决方案，但对我来说，无论我做什么，盒子始终保持禁用状态。

我认为即时通讯的错误是（click）事物在html文件和ts文件中的定义方式，但我不确定。

Answer 1

在方括号中禁用自动换行以将其绑定到属性值。

<input id="pass" type="text" style="width:80%" [disabled]="exampleFlag" pInputText [(ngModel)]="password">