stepEnter или canEnter на шаге в мастере не работает в Archwizard Angular 9

Question

Я пытаюсь использовать angular Archwizard (последняя версия) в моем приложении, оно работает нормально, но когда я пытаюсь сделать некоторые элементы управления для переменной, которую я отправляю с шага 1 на шаг 2, и на шаге 2 работа что это будет делать, зависит от этой переменной, я работаю с [canEnter], а также (stepEnter), но, похоже, со мной это не работает, здесь ссылка в slackbitz на то, что я пытаюсь сделать https://stackblitz.com/edit/angular-ps1k5n?embed=1&file=src / app /app.component.html&view=preview

Answer 1

У вас есть проблема с типом данных, в вашем first-step.component

Это html область

  <option  value="true"> True </option>
  <option value="false"> False</option>

И ваш TS

 saveFlag() {
    this.status = this.firstForm.controls['type'].value; // this one returns a string;
    this.sendFlag.emit(this.status);
  }

Следовательно, ваш статус является строкой, а не логическим

Так что в вашем app.component сделайте это вместо этого

  getRequestStatus ($event){
    this.status = $event === 'true';
    this.finishedStep1 = true;
  }

Есть несколько решений по этому поводу, но это самая легкая часть.