javascript - Aurelia.js 按下按钮时更改文本值

Question

我可以在单击时更改按钮颜色，但如何在单击时更改文本？

将文本从点击更改为点击

HTML:

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

JS...

  clicked = false;

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

Answer 1

我会尝试对按钮中的文本进行与您在类里面所做的相同的操作:

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

要么将按钮文本设置为变量，然后在 handleClick 函数中更改它。