如何在angular2中禁用多个单选按钮（在同一组下）？

在我的例子中，当页面加载时，我想禁用具有相同组的单选按钮行 同一组单选按钮下的复选框检查将启用

我的代码是

 <tr *ngFor="let p of c .permission">
                <td><label class="font-light">
                    <input class="minimal-red" type="checkbox"
                         name="{{p.permissionid}}"
                           (change)="getPermission(p, $event)">
                    {{ p.permissionname}} </label></td>

                       <td><label class="font-light">
                        <input class="minimal-red" type="radio" value="self" name="{{p.permissionname}}"
                           [disabled]="disableRole(p.permissionname)">self</label></td>
                      <td><label class="font-light">
                        <input class="minimal-red" type="radio" value="selfrole"   name="{{p.permissionname}}" [disabled]="disableRole(p.permissionname)">self Role </label></td>

{{p.permissionname}
自己
自我角色

---

我想在页面加载中禁用单选按钮行，在复选框复选框中我想启用单选按钮，请帮助我如何操作？

您可以在类中设置公共标志以在页面加载时禁用它，如：

public p.permissionname = true;  

现在，在您的页面中，当您更改为以下内容时，您将看到一个禁用的收音机：

[disabled]="p.permissionname"

现在，在复选框绑定事件中，可以将其设置为false：

<input class="minimal-red" type="checkbox"
       name="p.permissionid"
       (change)="getPermission(p, $event)">

getPermission(p, ev){
   // some other code;

   this.p.permissionname = !this.p.permissionname; // will toggle the state
}

获取许可（p，ev）{
//其他一些代码；
this.p.permissionname=！this.p.permissionname；//将切换状态
}

（change）=“getPermission（p$event）”

现在看起来怎么样？