Ionic 如何创建接受子项的Angular 零部件

dxxyhpgq  于 2023-03-21  发布在  Ionic
关注(0)|答案(1)|浏览(120)

首先,我是一个学习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 原生),可以帮助,将是非常有帮助的。
谢谢!

0s0u357o

0s0u357o1#

你可以使用内置的ng-content标签来实现这一行为。将这个标签放在你的app-admin-panel模板文件中,作为你希望嵌套组件呈现的位置的占位符。

相关问题