Невозможно выполнить привязку данных внутри шагового компонента - PullRequest
0 голосов
/ 23 ноября 2018

У меня есть 2 поля ввода, которые называются Course name (компонент автозаполнения) и Price (компонент ввода): при выборе конкретного Course name price отображалось в соответствии с Course name следующим образом:

enter image description here

Теперь я поместил эти два поля ввода (т.е. название курса и цена) внутри шаговый компонент .Привязка данных не происходит (т. Е. При выборе course name я не могу отобразить price).

Вот ссылка на стек ссылка

1 Ответ

0 голосов
/ 23 ноября 2018

Есть две проблемы:

  1. Вам следует использовать атрибут name, если вы используете [(ngModel)].Но вы не использовали его.

  2. Существует проблема с этой реализацией:


this.offeringControl.valueChanges.subscribe((d) => {
  console.log('Changed');
  console.log('d: ', d);
  if (d === 'CCNA Training') {
      this.price = this.matPrice;
    } else if (d === 'Java Coaching') {
      this.price = this.phyPrice;
    } else if  (d === 'PHP Training') {
      this.price = this.chemPrice;
    }
  });

Здесь строки CCNA Training, Java Coaching и PHP Training должны быть Maths, Physics и chemistry.

Поскольку в вашем автозаполнении есть только математика, физика и химия.

Вот исправлено и обновлено StackBlitz для вашей ссылки.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...