У меня есть кастомный степпер на основе Cdk, но он динамический. Итак, он привязан к FormArray. Когда элемент добавляется в formArray, мне нужно перенаправить на самый новый шаг. CdkStepper, похоже, не вызывает никаких событий при добавлении элемента в коллекцию шагов.
Я пытался подписаться на valueChange в FormArray, но он срабатывает до добавления нового шага.
CdkStepper имеет свойство _steps: QueryList<CdkStep>, которое имеет changes: Observable<any> свойство, которое выдает значения как новые шаги, добавленные в CdkStepper.
Однако при использовании в OnInit _steps свойство, похоже, еще не заполнено. Таким образом, использование settimeout для ожидания следующего цикла обнаружения изменений для инициализации _steps решает проблему. В вашем примере измените CustomStepperComponent следующим образом:
ngOnInit() {
setTimeout(()=>{
this._steps.changes.subscribe(x => {
this.selectedIndex = x.length - 1;
});
});
}
вот моя рабочая демонстрация
https://stackblitz.com/edit/angular-cdkstepper-formarray-jnftgb
