我想在 Angular 的组件中进行类似于 {children} 的操作
情况
如果想要创建一个类似于 Angular 中将应用程序封装起来的容器组件的话
解决
我在 React 中找不到一个像 {children} 这样显示组件子元素的代码片段。
经过调查发现,在Angular中,小组件似乎对应的是标签。
<!-- React -->
<div className="container">
{children}
</div>
只需要一個選項,以下是其在中文中的改寫:
這就是這個。
<!-- Angular -->
<div class="container">
<ng-content></ng-content>
</div>
這將發生
最后
因为我在使用React思考,所以我像查找Angular的children一样进行搜索,但是结果不太理想,没有找到。
如果能有相似思想的人看到这篇文章,我会很高兴。
请参考以下内容,仅提供一种选项。
- Creating a container component in Angular2