javascript - 使用 ng-container 与模板的好处？

Question

在 Angular 上我们可以做:

template: `<ng-container #c></ng-container>`

或:

template: `<template #c></template>`

创建一个在呈现模板时隐藏的 View 容器。

在 html 模板替代方案上使用 ng-container 有区别吗？我猜 Angular 必须有它自己的模板容器，比如 ng-template 或 ng-container 因为使用原始的 html 模板元素可以打破非基于浏览器的运行时，如移动客户端等。

Answer 1

<ng-container>始终呈现，但不代表 DOM 元素。它仍然附加到组件的 View 。

<ng-template>只有在明确请求时才会呈现。

这是关于这个主题的一个很好的引用:

http://nataliesmith.ca/blog/2018-05-01-ngtemplate-ngcontainer-ngcontent/

To create a view container that is hidden when the template is rendered.

始终使用 <ng-template>若有可能。 <ng-container>用于将 DOM 元素分组在一起。例如;当你需要申请 *ngIf许多<td>元素，因为你不能使用 <span>周围<td> .