将Ember复选框绑定到属性的相反值

Question

我有一个模型foo，其属性为bar。渲染余烬复选框时，我想将checked属性绑定到foo.bar，以便选中复选框foo.bar为false时，取消选中{{1} }是foo.bar

正在做

true

让我与想要的东西相反，而

{{input
  type='checkbox'
  checked=foo.bar}}

不会将{{input type='checkbox' checked=(not foo.bar)}} 的值绑定到foo.bar属性。如何在不向checked添加新的notBar属性的情况下解决此问题？

Answer 1

您可以这样做：

<input
 type='checkbox'
 onchange={{action (mut foo.bar) (not foo.bar)}}
 checked={{not foo.bar}}>

您不需要外部切换辅助器。

Answer 2

这可以解决问题：

<input
 type='checkbox'
 onchange={{action (toggle 'bar' foo)}}
 checked={{not foo.bar}}>

使用https://github.com/DockYard/ember-composable-helpers#toggle