Доступ к 6-компонентным библиотекам Angular с двухсторонним связыванием

Question

Работа в Angular 6 Я успешно создал библиотеку угловых компонентов и добавил компонент, в котором есть элемент управления раскрывающимся списком.

Я добавил необходимый импорт в app.module и получил свою библиотекуотображаемый компонент !!!

.. используя его селектор

<my-custom-dropdown></my-custom-dropdown> 

Проблема, с которой я столкнулся, заключается в том, как получить значение, выбранное из dropDown в приложении.Компонент?

Любая помощь с благодарностью !!

Answer 1

Шаблон родительского компонента:

<my-custom-dropdown (selectedValue)="handleselectedvalue($event)"></my-custom-dropdown>
<!-- Add a handleselectedvalue($event) function in your parent component. $event will contain the selected value -->

В вашем дочернем компоненте:

@Output() selectedValue = new EventEmitter</*type of selected value goes here*/>();

handleSelection(event) {
    this.selectedValue.emit(event);
}

Шаблон дочернего компонента:

<!-- Child component template -->
<someElement (click)="handleSelection($event)"></someElement>