单选按钮组绑定无法按预期工作

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" 是标签中显示的内容，但未选中非活动无线电（右边的那个）。

Answer 1

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

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

单选按钮组绑定无法按预期工作

radio buttons group binding not working as expected

radio-button

angular