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

基本例如：

//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() 
    } 

如果你愿意，你可以通过直接结合的风格得到了类似的结果。