如何在Angular 2中使用React的this.props.children获取Children组件？

Question

所有

我是Angular2的新手，我想知道如何构建一个可以访问子组件的容器组件，如React的this.props.children？

由于

Answer 1

在你做的React中

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

你在Angular2中

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

Answer 2

您需要在组件中使用@ViewChildren来访问放置在组件内的子项。

此外，您想要确定孩子在模板中的位置，您需要在模板中的某处放置<ng-content></ng-content>。