aurelia - 将值绑定到单选按钮

时间:2015-10-22 15:54:57

标签: aurelia aurelia-binding

我正在尝试将单选按钮'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'"

为什么“开/关”显示正确但不是真/假?

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

2 个答案:

答案 0 :(得分:4)

查看cheat-sheet in the Aurelia docs

搜索“广播”,您会找到一些可能有用的参考示例。但有一件事就是马上跳出来了:

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

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

{     
  Have: false,
  Need: true
 }

您应该将其更改为数组:

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

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

答案 1 :(得分:0)

请勿使用 true ,使用&#39; 已检查&#39;

myarr = {totalPrice:0,productCode:&#39; abcd&#39;,已选中:&#39;已检查&#39;};