如何根据条件在Aurelia中的复选框上动态设置checked属性

Question

我有一个对象列表，用于创建带复选框的菜单。我想在加载时在这些复选框上设置checked属性，方法是将其基于对象模型所具有的Enum值。

这是我尝试过的一个例子：

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

这不起作用。任何人都可以给我一个正确的推动方向吗？

谢谢！

Answer 1

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

在这种情况下：<input type="checkbox" checked.bind="item.status == 'EnumValue'" />

Gist演示：https://gist.run/?id=b9a2929bdd34061795b90ddbfd745e75