Aurelia.jsボタンの色またはクラスを変更後に変更します。

Question

Aurelia.jsボタンの色またはクラスをクリックした後に変更します。

どのようにAureliaでこれを行うことができますか？このボタンをクリックした後、プライマリから危険に変更しますか？

ありがとうございました。

HTML：

<button type="button" class="btn btn-primary">Primary</button> 
<button type="button" class="btn btn-danger">Danger</button> 

Answer 1

あなたが結合してクリックバインディングクラスを設定する必要があります。

バインディング：
http://aurelia.io/hub.html#/doc/article/aurelia/binding/latest/binding-basics

Basicの例：

//view.html 
<button type="button" class="btn ${clicked ? 'btn-danger' : 'btn-primary'}" click.trigger="handleClick()">Click</button> 

//view.js 
... 
    clicked = false; 

    handleClick(){ 
    this.clicked = !this.clicked; // toggle clicked true/false 
    return true; // only needed if you want to cancel preventDefault() 
    } 

したい場合は、直接スタイルを結合することによって同様の結果を得ることができます。