我想在 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
广告
将在 10 秒后关闭
bannerAds