访问角6个组件库值与2路结合(Access Angular 6 component library

在6角工作我已经成功地创建了一个角组件库，并补充说有一个下拉在它的控制的组件。

我已在app.module的neccessary进口，并得到我的库组件展现出来！

..using其选择

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

我遇到的问题是我如何才能被从app.component的下拉列表中选择的值？

任何帮助是极大的赞赏！！

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>

文章来源: Access Angular 6 component library values with 2 way binding