我试图在Angular2中将值从一个组件传递到另一个组件。例如,我正在尝试实现一个组件并在该组件中设置数据和标题,并将该数据和标题传递给嵌入其中的另一个组件?
以下是更好解释的代码。
<cst-multiselect [title]="Countries" [data] = ['one', 'two', three']></cst-multiselect>
我正在尝试将值 标题 '和' 数据 '传递给另一个组件:< / p>
<div ngbDropdown class="d-inline-block" [autoClose]="false">
<button class="btn btn-outline-primary" id="dropdownMenu1" ngbDropdownToggle>Selected Countries
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenu1">
<cst-checkbox></cst-checkbox>
</div>
</div>
我想在cst-checkbox(这是一个下拉框)中显示我从cst-multiselect传递的数据。我想在此下拉框中设置值以及数据。任何帮助都会非常感激,因为我一直尝试多种方法,但无济于事。谢谢!
答案 0 :(得分:0)
@Component({
selector: 'cst-multiselect',
template: '<cst-checkbox [title]="title" [data]="data"'
...
})
class CstMultiSelect {
@Input() title:string;
@Input() data:string[];
}
@Component({
selector: 'cst-checkbox',
...
})
class CstCheckbox {
@Input() title:string;
@Input() data:string[];
}