aurelia - 将值绑定(bind)到单选按钮

Question

我正在尝试将单选按钮“已选中”状态绑定(bind)到 JSON 对象中的 bool 值，但尚未设置它。

模板:(jobReadinessItems是“Items”数组)

<tbody>
  <tr repeat.for="item of jobReadinessItems">
    <td><input id="have" name="readiness" type="radio" checked.bind="item.Have" /></td>
    <td><input id="need" name="readiness" type="radio" checked.bind="item.Need" /></td>
</tr>

项目(json):

{     
  Have: false,
  Need: true
 }

CS

  public class JobReadinessItemDto
  {

     public bool Have { get; set; }
     public bool Need { get; set; }

   }

但是，如果我以这种方式绑定(bind)它，它会显示值(但当然我无法设置它):

 checked.bind="item.Have ? 'on' :  'off'"

为什么“on/off”可以正确显示，但 true/false 却显示不正确？

http://plnkr.co/edit/G5Cw9i?p=preview

Answer 1

看看 cheat-sheet in the Aurelia docs .

搜索“radio”，您会发现一些可能有帮助的引用示例。不过，有一件事立即引起了我的注意:

<tr repeat.for="item of jobReadinessItems">

这应该迭代一个数组，但是 jobReadinessItems是一个对象:

{     
  Have: false,
  Need: true
 }

您应该将其更改为数组:

[
  {value: 'Have', checked: false},
  {value: 'Need', checked: true}
]

...并将其相应地绑定(bind)到您的模板中，或者更改您的模板以直接绑定(bind)到对象值。希望有帮助。