假设我有这些单选按钮，我创建了一个单击函数 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">
我用谷歌搜索了一下并添加了这个东西，disabled=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 (以便该框将被禁用)，但否则，无论是否选择任何按钮或是否选择第二个单选按钮，都应该启用它。
我对此很陌生，但我在谷歌上搜索了一下并找到了这样的解决方案，但对我来说，无论我做什么，该框始终保持禁用状态。
我认为我犯的错误是在 html 文件中定义(点击)事物的方式，也许也在 ts 文件中，但我不确定。
最佳答案
禁用方括号括起来以将其绑定(bind)到属性值。
<input id="pass" type="text" style="width:80%" [disabled]="exampleFlag" pInputText [(ngModel)]="password">
关于javascript - Angular 2 中基于单选按钮禁用输入字段，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44909707/