ng-content получать события в хосте - элементе, в котором я эту проекцию применил. Думаю написал путанно, но пример приготовил, из него должно быть понятно
В общем, есть выпадающий список/селект. Он состоит из двух компонентов:
CustomSelectComponent и CustomOptionComponent.
В виде html это выглядит так:
<app-custom-select>
<app-custom-option *ngFor="let item of items" (select)="select($event)" [value]="item.id">{{ item.name }}</app-custom-option>
</app-custom-select>
Вопрос, как сделать так, чтобы я мог видеть событие select и на уровне CustomSelectComponent, например, чтобы записать значение из option в value select'а и скрыть выпадашку по нажатию на айтем.
Просто или так делать нельзя или я попросту не знаю что загуглить. Дока мне не помогла, мое предположение было в том, что можно получить ContentChildren и там ловить событие, но не нашел там ничего такого(
Вот пример в песочнице, с ним должно быть все понятно,:
https://stackblitz.com/edit/angular-ivy-swtvhn?file=src%2Fapp%2Fcustom-option%2Fcustom-option.component.ts
надеюсь, сможете помочь советом)
@ContentChild
queryListChanges(queryList) позволяет получать актуальное значение на подписке, а затем получать измнения: https://twitter.com/thekiba_io/status/1301821304677511175?s=20
Обсуждают сегодня