Angular 5 - обновить значение атрибута директивы при нажатии

У меня есть индикатор выполнения, построенный рядом с формой, в которой есть шаговый процесс. Каждый раз, когда пользователь нажимает «Далее» или «Назад», он видит другую часть формы.

Мне нужен индикатор выполнения, чтобы обновлять его значение в зависимости от того, на каком этапе они находятся. Или достаточно просто, когда пользователь нажимает «Далее», индикатор выполнения обновляет свое значение.

<mdb-progressbar value = "25" min = "0" max = "100" aria-valuenow = "25" aria-valuemin = "0" aria-valuemax = "100"></mdb-progressbar>

value = "25" должно обновиться до value = "50" на следующем шаге и так далее.

Как лучше всего обновить этот атрибут в angular 4/5?

Спасибо

Я понимаю, чего вы пытаетесь достичь. Но вы слышали о маршрутах?

Wasif Khan 12.03.2018 11:56

Вы предлагаете обновлять маршрут на каждом этапе процесса?

Ayla 12.03.2018 11:58

Да. создать дочерний маршрут основного маршрута. и использовать компоненты для отображения различных форм.

Wasif Khan 12.03.2018 12:00

Это не то, что я хочу, потому что это одна форма, но разные шаги

Ayla 12.03.2018 12:01

да. вы можете разделить форму в несколько этапов. В моей технике это будет такая же форма.

Wasif Khan 12.03.2018 12:03

@Zayn посмотри на мой ответ: вы должны использовать ввод и увеличивать значение этого ввода при каждом завершении шага.

user4676340 12.03.2018 12:04
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
0
6
208
0

Другие вопросы по теме