Javascript Aurelia.js单击后更改按钮颜色或类别

Aurelia.js在单击后更改按钮颜色或类别

奥雷莉亚怎么能做到这一点？单击此按钮后，是否从主要更改为危险

多谢各位

html:

---

您需要设置类绑定和单击绑定

绑定：

基本示例：

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

如果需要，可以通过直接绑定样式获得类似的结果

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