Javascript 如何在Angular中禁用反应形式的按钮？

我正在使用Angular 10框架开发一个测验应用程序。我想禁用“下一步”按钮，直到选择了单个答案选项和多个答案问题选项，然后单击“下一步”按钮才应启用。当用户尝试单击下一步按钮而不给出答案时，我希望它会说“请选择一个答案继续”。我尝试通过添加[disabled]=“true”来禁用下一步按钮，但它可能应该是[disabled]=“isAnswered”

请看我在Stackblitz上的代码：。下面我还附上了我的按钮代码片段。我不知道该怎么做。请你帮我解决这个问题。谢谢大家!

下一步按钮的代码（在quick.component.html中）：

---

向组件添加方法

isAnswered（）

  isAnswered(): boolean {
    return this.answers && this.answers.length > 0;
  }

并将其绑定到您的按钮

disabled

属性

---

[禁用]=“！isAnswered（）”

向组件添加方法

isAnswered（）

  isAnswered(): boolean {
    return this.answers && this.answers.length > 0;
  }

并将其绑定到您的按钮

disabled

属性

---

[disabled]=“！isAnswered（）”

在所选的拒绝方法中将isAnswered设置为true，并将[disabled]='！isAnswered'并且当前流可能存在问题，您需要在nextquestion（）之前将isAnswered设置为false，并在previousQuestion（）方法中将isAnswered设置为true。这样，您将只剩下一个场景，当您单击上一个问题时，您需要根据问题是否得到回答再次设置IsAnsweed，并在SelectedAnsweer方法中将IsAnsweed设置为true，并且[disabled]='！isAnswered'并且当前流可能存在问题，您需要在nextquestion（）之前将isAnswered设置为false，并在previousQuestion（）方法中将isAnswered设置为true。这样，您将只剩下一个场景，当您单击上一个问题时，您需要根据问题是否得到回答来重新设置isAnswered是的，谢谢，这很有效！如果用户单击“下一步”按钮而没有单击答案，我想留下一条消息，但不知道如何做。当我将鼠标移到“下一步”按钮上时，工具提示消失。一个问题中有一个问题，请打开一个新问题以了解更多问题。当然，如果按钮被禁用，工具提示将消失。请接受，如果您的第一个问题得到了回答。是的，谢谢，这很有效！如果用户单击“下一步”按钮而没有单击答案，我想留下一条消息，但不知道如何做。当我将鼠标移到“下一步”按钮上时，工具提示消失。一个问题中有一个问题，请打开一个新问题以了解更多问题。当然，如果按钮被禁用，工具提示将消失。如果您的第一个问题得到答复，请接受。