时间戳

首页 > 解决方案 > ng 组件没用

javascript - ng 组件没用

问题描述

我正在学习 ng-content。当我们可以像这样轻松编写时，为什么需要使用它

含 ng 内容

menu.component.html

<div>

    <app-message> <h1>Laptop</h1></app-message>
</div>

message.component.html

<div>
    <ng-content></ng-content>
        <p>something text to be display</p>
        <button > Submit</button>
</div>

没有 ng 内容

menu.component.html

<div>
    <h1>Laptop</h1>
    <app-message> </app-message>
</div>

message.component.html

<div>
        <p>something text to be display</p>
        <button > Submit</button>
</div>

标签： javascriptangular

解决方案

从您自己的示例中可以看出，如果不使用ng-content，父组件会突然部分地负责子组件的布局。它会很快变得混乱，布局越复杂越快。

推荐阅读