Question

说我有这些radiobutton，我点击功能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">

我google了一下，添加了这个东西，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文件中，但我不确定。

Answer 1

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

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

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

1 个答案: