Angular中的ng-container

ng-container是逻辑容器标签,可以用作组节点,不会被渲染成DOM,但会被解析为HTML的Comment.

列如

<div><ng-container>foo</ng-container><div>

会输出:

<div><!--template bindings={}-->foo
<div>

所以在你想用 *ngIF或者 *ngFor的时候,不想用带语义的标签,可以用ng-container。

<div><ng-container *ngIf="true"><h2>Title</h2><div>Content</div></ng-container></div>

<div><h2>Title</h2><div>Content</div></div>

猜你喜欢

转载自lijngxin.iteye.com/blog/2379345