1
全部:如何讓兒童組件像React的Angular 2中的this.props.children一樣?
我是Angular2的新手,我不知道如何構建一個可以訪問子組件像React的this.props.children的容器組件?
感謝
全部:如何讓兒童組件像React的Angular 2中的this.props.children一樣?
我是Angular2的新手,我不知道如何構建一個可以訪問子組件像React的this.props.children的容器組件?
感謝
陣營你做
const Comp = ({ children }) => (
<div class="wrapper">{children}</div>
);
在Angular2你做
@Component({
selector: 'comp',
template: `
<div class="wrapper"><ng-content></ng-content></div>
`
})
class Comp {}
您需要使用您的@ViewChildren
組件內部放置在組件內部訪問的孩子。
此外,您要決定兒童放置在模板內的位置,您需要在模板的某個位置放置一個<ng-content></ng-content>
。
你可以使用'@ ViewChildren':http://stackoverflow.com/a/36018562/5115768 – lenny
@lenny謝謝但我沒有完全理解它,因爲我構建的是一個容器組件,我不知道用戶將要放入哪個孩子,我怎樣才能訪問它?(我認爲ViewChild用於引用已經在模板) – Kuan