Есть две проблемы:
Вам следует использовать атрибут name
, если вы используете [(ngModel)]
.Но вы не использовали его.
Существует проблема с этой реализацией:
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 для вашей ссылки.