Wie setze ich die Checked-Eigenschaft dynamisch auf ein Kontrollkästchen in Aurelia basierend auf Bedingung

Question

Ich habe eine Liste von Objekten, die ich verwende, um ein Menü mit Kontrollkästchen zu erstellen. Ich möchte die Checked-Eigenschaft auf diese Checkboxen beim Laden setzen, indem ich sie auf einen Enum-Wert setze, den das Objektmodell hat. Hier

ist ein Beispiel dafür, was ich versucht:

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

Dies funktionierte nicht. Kann mich jemand in die richtige Richtung stoßen?

Danke!

Answer 1

Sie können die checked.bind="<expression>"-Syntax verwenden, um boolesche Ausdrücke an Eigenschaften zu binden. [Documentation]

In diesem Fall: <input type="checkbox" checked.bind="item.status == 'EnumValue'" />

Gist Demo: https://gist.run/?id=b9a2929bdd34061795b90ddbfd745e75