Как сделать новый компонент всплывающим списком параметров при первом нажатии на новый компонент?

Question

Мой источник находится в здесь .

У меня есть поле ввода, я добавил много функций в поле ввода (левый).

Я хочу упаковать его в компонент (правильный).

К счастью, новый компонент работает правильно, кроме ответа первого щелчка.

В исходном поле ввода появится всплывающий список параметров при первом щелчке поля ввода.

Однако новый компонент не отображает список параметров при первом щелчке компонента,

компонент будет отображать список параметров после первого щелчка или когда нажата клавиша.

Как я могу решить проблему?

Answer 1

Ваша проблема с крючками жизненного цикла. Когда вы назначаете this.filteredDivisionList = this.divisionList; в конструкторе компонента, this.divisionList равен undefined или null, используйте ngOnChnages() ловушку жизненного цикла для присвоения input() значений, потому что этот метод:

Отвечать, когда Angular (re) устанавливает привязанные к данным свойства ввода. Метод получает объект SimpleChanges с текущими и предыдущими значениями свойств. Вызывается до ngOnInit() и всякий раз, когда изменяется одно или несколько связанных с данными входных свойств. ''