javascript - 如何根据条件动态设置 Aurelia 中复选框的选中属性

Question

我有一个对象列表，用于创建带有复选框的菜单。我想通过基于对象模型具有的枚举值来在加载时设置这些复选框的选中属性。

这是我尝试过的示例:

<li repeat.for="item of items">
    <input type="checkbox" checked="${item.status == 'EnumValue' ? 'checked' : '' />
</li>

这不起作用。谁能给我一个正确的方向插入？

谢谢!

Answer 1

您可以使用checked.bind="<expression>"将 bool 表达式绑定(bind)到属性的语法。 [Documentation]

在本例中:<input type="checkbox" checked.bind="item.status == 'EnumValue'" />

要点演示:https://gist.run/?id=b9a2929bdd34061795b90ddbfd745e75