Компонент ControlValueAccessor не обновляет значение в группе форм под углом 7

Question

Я использую Angular 7. И я создал дочерний компонент, как показано ниже Stackblitz, ControlValueAccessor.У меня есть поле со списком и текстовое поле в моей форме.И когда я выбираю элемент в выпадающем списке, тогда значение элемента устанавливается в текстовое поле.Но когда я нажал кнопку «Сохранить», значение моей формы оказалось пустым.Что может быть причиной появления пустого?

STACKBLITZ

Answer 1

Вам нужно 2 изменения, чтобы это заработало.

Прежде всего, ваш метод onChange() ничего не делает.

Измените его на public onChange: (value) => void.

Затем вызовите this.onChange(selected) на вашем set selectedItem(selected) после записи в свойство value, чтобы оно стало

set selectedItem(selected) {
    this.value = selected;
    this.onChange(selected);
} 

См. Новый стек