2016-11-07 82 views
1

全部:如何讓兒童組件像React的Angular 2中的this.props.children一樣?

我是Angular2的新手,我不知道如何構建一個可以訪問子組件像React的this.props.children的容器組件?

感謝

+0

你可以使用'@ ViewChildren':http://stackoverflow.com/a/36018562/5115768 – lenny

+1

@lenny謝謝但我沒有完全理解它,因爲我構建的是一個容器組件,我不知道用戶將要放入哪個孩子,我怎樣才能訪問它?(我認爲ViewChild用於引用已經在模板) – Kuan

回答

5

陣營你做

const Comp = ({ children }) => (
    <div class="wrapper">{children}</div> 
); 

在Angular2你做

@Component({ 
    selector: 'comp', 
    template: ` 
     <div class="wrapper"><ng-content></ng-content></div> 
    ` 
}) 
class Comp {} 
1

您需要使用您的@ViewChildren組件內部放置在組件內部訪問的孩子。

此外,您要決定兒童放置在模板內的位置,您需要在模板的某個位置放置一個<ng-content></ng-content>