angular - 单选按钮组绑定未按预期工作

Question

我有一个简单的数据网格，单击编辑按钮并导航到填充了属性的表单。其中一个属性是“accountStatus”，它有 2 个可能的值“Active”和“InActive”，因此在给定时间选择了一个单选按钮。我有这样的html设置

  <label for="accountStatus">Account Status is {{bankAccount.accountStatus}}</label>

                <input
                type="radio"
                name="accountStatus"
                id="accountStatus-1"
                [value]="Active"
                [(ngModel)]="bankAccount.accountStatus"


              />
              <input
                type="radio"
                name="accountStatus"
                id="accountStatus-2"
                [value]="InActive"
                [(ngModel)]="bankAccount.accountStatus"                            
              />

当我从网格导航到编辑页面时，* {{bankAccount.accountStatus}} * 具有适当的值。但基于该单选按钮未选中。我的想法是，如果 [value] == [(ngModel)] 应该选择单选按钮。

如您所见，“InActive”是标签中显示的内容，但未选中非活动无线电（右侧）。

标签： angularradio-button

Answer 1

使用value="Active"代替[value]="Active"

后者意味着您正在尝试绑定到不存在value的属性。Active您只是想绑定value到一个字符串，因此您需要省略[]