Angular - Проверить, все ли опции выбраны для включения кнопки

Question

Это приложение-викторина, в этом сценарии моя следующая кнопка будет перенаправлять на другую страницу, а она отключена по умолчанию . Если я выберу все параметры, они должны включить .

ПРИМЕЧАНИЕ:

Мои функции выбора параметров и выбора правильного / неправильного работают нормально, Я просто не могу понять , как включить, когда выбрана каждая отдельная опция.

Любая помощь или предложения? Рабочая демонстрация: https://stackblitz.com/edit/angular-ivy-5qtyxy

buttonDisabled = true;

<button class="btn-next" [disabled]="buttonDisabled">
  Next
</button>

Answer 1

Я считаю, что buttonDisabled определяется как получатель, а затем оценивает каждый вопрос, позволяет ли его статус перейти на следующую страницу ...

В моей реализации пользователь должен выберите все ответы на вопросы типа 2, но только один ответ на вопросы типа 1. Если это не то, что вы хотите, укажите это в комментариях, это как раз то, что мне показалось логичным. Надеюсь, это уже помогает.

Есть вопросы? Просто спросите.

Вот мой стек

Answer 2

Ответы будут работать, но вы можете сделать это Angular способом, показанным здесь:

https://angular.io/guide/forms-overview

Есть 2 способа: на основе шаблона или реактивные формы

Затем вы можете привязать отключенное свойство к действительному свойству формы.

Выберите то, что лучше всего подходит для ваших нужд. Надеюсь, это будет полезно.

Answer 3

вы можете использовать для этого Object.keys, например:

App.component. html

<button class="btn-next" [disabled]="isDisabled()">
    Next
  </button>

app.component.ts

isDisabled(): boolean {
  return Object.keys(this.answerEvaluation).length !== Object.keys(this.practiceQuizData).length;
}