aurelia - 如何在 Aurelia 中设置复选框绑定(bind)

Question

我有一个复选框列表，当用户选中其中一个复选框时，会在 .js 文件中调用一个函数，然后它会调用一个调用 webapi Controller 的方法 dataservice.js，这一切正常并返回正确的数据。

该过程完成后会发生什么情况是未选中触发该序列的复选框。我检查了结果，并且该项目的 schoolDistrict.IsChecked 设置为 true，这是正确的。

如何让复选框被选中？

下面是代码，但我不确定 check.one-way 绑定(bind)

<li repeat.for="schoolDistrict of schools.Districts">                                     
  <input type="checkbox" checked.one-way="schoolDistrict.IsChecked" value="${schoolDistrict.Value}" click.trigger="searchSchoolDistrict()"/>${schoolDistrict.Name}
</li>

任何帮助将不胜感激。

Answer 1

这里有几个问题:

问题可能是您的 searchSchoolDistrict()代码正在更改 IsChecked属性(property)，但 one-way binding 没有监听变化。

虽然插值会起作用，但使用绑定(bind)语法可能是更好的风格。

设置 change.delegate更健壮，并且会监听复选框上的所有更改，这是复选框的最佳实践。

已弃用 确保为 searchSchoolDistrict() 选择正确的范围，因为它可能存在于 $parent而不是 schoolDistrict .

尝试改用这个:

<li repeat.for="schoolDistrict of schools.Districts">                                     
  <input type="checkbox" 
    checked.bind="schoolDistrict.IsChecked" 
    value.one-way="schoolDistrict.Value"
    change.delegate="searchSchoolDistrict()"/>
  ${schoolDistrict.Name}
</li>