html - 更改 html 和 Angular 2 中的按钮文本

Question

我想在选择按钮文本后更改它，从逻辑上讲它工作正常，最初是按钮突出显示，一旦我点击它就会明显改变然后如果我悬停禁用符号将显示第一张图片：在点击第二张图片之前：点击之后那又如何我想要的是，当我单击“是”时，它应该将其更改为“否”，如果我悬停禁用符号必须显示这里是我的 HTML 代码

 <div>
                    <button type="button" class="confirm"
                            [disabled]="(isConfirmed && agree) || (isConfirmed && nutral)"
                            style="color: blue;"
                            (click)="sayYes()">
                        YES
                    </button>

</div>

标签： htmlangularbuttondisable

Answer 1

最短的方法是有条件地在按钮内渲染文本innerText

<button [innerText]="condition ? 'YES' : 'NO'"></button>