javascript-基于Angular 2中的单选按钮禁用输入字段

说我有这些单选按钮,我创建了一个单击函数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文件中的定义方式,但我不确定.

解决方法:

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

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