Wie aureliajs Klassenattribute binden

Question

Ich kann nicht verstehen, warum dies nicht binden Klasse, wenn ich box, selectedBox habe Index mit Nummer, ich verwendete Funktion indexOf (index)> -1, um wahr oder falsch Werte zurückzugeben. Jemand kann mir helfen?

<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

Wenn ich richtig verstehe, wollen Sie 24 Nummern anzuzeigen, und eine class zum span hinzufügen, wenn die Checkbox angeklickt wird:

Ich habe eine gist erstellt:

<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>