首先,我是一个学习Angular的React开发人员。我正在进行一个项目,根据客户的要求,需要用Angular开发。
现在,我正在尝试创建一个管理面板组件,它可以接受子组件,所以,我想创建一个组件(例如,app-admin-panel
),我可以在其中写入任何内容。
例如:
<app-admin-panel>
<h1>Dashboard</h1>
<div class="row">
<div class="col-12 col-lg-6 col-xl-4">
<p>Login statistics</p>
<some-chart-component></some-chart-component>
</div>
</div>
</app-admin-panel>
打个比方,在React中,我只需要在我的admin-panel
组件中编写{ props.children }
,我想在那里呈现内容。
注意:我正在使用离子与Angular ,所以如果有什么在离子(非Angular 原生),可以帮助,将是非常有帮助的。
谢谢!
1条答案
按热度按时间0s0u357o1#
你可以使用内置的ng-content标签来实现这一行为。将这个标签放在你的app-admin-panel模板文件中,作为你希望嵌套组件呈现的位置的占位符。