javascript - aureliajs 如何绑定(bind)类属性

Question

我不明白为什么这不绑定(bind)类，当我选择框时，selectedBox 有带数字的索引，我使用函数indexOf(index) > -1 返回 true 或 false 值。有人可以帮助我吗？

<div class="col"  repeat.for="[item] of range(0, 25)">
    <label>
        <input type="checkbox" model.bind="item" checked.bind="selectedNumbers" class="d-none">
        <span class="boxList ${selectedNumbers.indexOf(item) ? 'active': ''}">${item | numberFormat}</span>
     </label>
</div>

Answer 1

如果我理解正确的话，您想要显示 24 个数字，并在单击复选框时向 span 添加一个 class:

我创建了一个gist :

<div class="col" repeat.for="item of 25">
    <label>
        <input type="checkbox" model.bind="item" checked.bind="selected" class="d-none">
        <span class="boxList ${selected ? 'active': ''}">${item}</span>
    </label>
</div>