aurelia

Question

我试图将单选按钮 'checked' 状态绑定到我的 JSON 对象中的布尔值，但它没有被设置。

模板：（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; }

   }

但是，如果我这样绑定它，它会显示值（当然我不能设置它）：

 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}
]

...并在您的模板中相应地绑定它，或者更改您的模板以直接绑定到对象值。希望对您有所帮助。

Answer 2

不要使用 true ，使用 'checked'

myarr= {totalPrice: 0, productCode: 'abcd', checked: 'checked'};

aurelia - 将值绑定到单选按钮

aurelia - binding values to radio buttons