<ng-container>是在官方文档中提到的，但我仍在努力理解它的工作原理和用途。
尤其是在ngPlural和ngSwitch指令中进行了特别提及。
<ng-container>是否与<template>执行相同的操作，或者是否取决于编写指令时使用其中之一？
是什么呢？
<ng-container *ngPluralCase="'=0'">there is nothing</ng-container>
和
<template [ngPluralCase]="'=0'">there is nothing</template>
这两个应该是相同的吗？
我们如何选择其中一个？
<ng-container> 如何在自定义指令中使用？
<ng-container>to the rescueThe Angular
<ng-container>is a grouping element that doesn't interfere with styles or layout because Angular doesn't put it in the DOM.(...)
The
<ng-container>is a syntax element recognized by the Angular parser. It's not a directive, component, class, or interface. It's more like the curly braces in a JavaScript if-block:if (someCondition) { statement1; statement2; statement3; }Without those braces, JavaScript would only execute the first statement when you intend to conditionally execute all of them as a single block. The
<ng-container>satisfies a similar need in Angular templates.
根据这个拉取请求:
<ng-container>是一个逻辑容器，可用于分组节点，但不作为节点在DOM树中呈现。
<ng-container>呈现为HTML注释。
因此，这个Angular模板：
<div>
<ng-container>foo</ng-container>
<div>
将产生这种输出：
<div>
<!--template bindings={}-->foo
<div>
*ngIf="foo"）但不想用另一个元素包装它们时，ng-container非常有用。<div>
<ng-container *ngIf="true">
<h2>Title</h2>
<div>Content</div>
</ng-container>
</div>
将会产生：
<div>
<h2>Title</h2>
<div>Content</div>
</div>
文档(https://angular.io/guide/template-syntax#!#star-template)给出以下示例。假设我们有这样的模板代码:
<hero-detail *ngIf="currentHero" [hero]="currentHero"></hero-detail>
*<template [ngIf]="currentHero">
<hero-detail [hero]="currentHero"></hero-detail>
</template>
<hero-detail> [...] </hero-detail>
但是如果你想要类似这样的条件输出：
<h1>Title</h1><br>
<p>text</p>
...而且您不希望输出被包装在容器中。
您可以直接编写未压缩版本，如下所示：
<template [ngIf]="showContent">
<h1>Title</h1>
<p>text</p><br>
</template>
这将完美地起作用。然而，现在我们需要使用方括号[]而不是星号*来使用ngIf，这有些令人困惑(https://github.com/angular/angular.io/issues/2303)
因此，创建了一种不同的符号表示方法，如下所示：
<ng-container *ngIf="showContent"><br>
<h1>Title</h1><br>
<p>text</p><br>
</ng-container>
两个版本将产生相同的结果（只呈现h1和p标签）。第二个版本更受欢迎，因为你可以像往常一样使用*ngIf。
就行为而言，这种情况
<template [ngIf]="show">
<h1></h1>
<p></p>
</template>
等同于
<ng-container *ngIf="show">
<h1></h1>
<p></p>
</ng-container>
ng-container，因为这样我们保留了结构指令用星号表示的惯例，例如*ngIf，*ngFor等。template。例如，在需要通过模板名称引用template标记的情况下，如<template #templateName>。ng-container 的使用场景通常是简单替换，而自定义模板/组件则会过度设计。在 API 文档中，他们提到了以下内容：
使用 ng-container 来分组多个根节点
我想这就是它的全部意义：分组。
请注意，ng-container 指令会被取消，而不是像模板那样将其指令包装在实际内容周围。
<template>与其相同的作用有何区别。顺便说一下，我可以使用<template ngPluralCase="=0">使ngPluralCase起作用。但是在问题中提到的方式在最终版本中会给我带来Can't bind to 'ngPluralCase' since it isn't a known property of 'ng-container'的错误。不确定这意味着什么。 - Estus Flask<div> 或 <span>，但是即使是 <span> 也会影响我的 AngularFlex 样式，但是 ng-container 不会。<template [ngIf]...>也可以实现相同的效果。问题在于这两种方法之间的区别。 - Estus Flask
<template>没有指令时，它与之不同。在这种情况下，<template>只会产生<!--template bindings={}-->。 - Estus Flask<template></template>将生成<script></script>请参阅此处。 - n00dl3<script>，它也会在之后被移除，在DOM中没有额外的标签。我相信该手册包含已弃用的信息或者是错误的。无论如何，感谢您指出了<ng-container>和<template>之间的主要区别。 - Estus Flask<script></script>。相当一段时间以来，它一直渲染类似于<!--template bindings={}-->的东西。文档很快就会修复。 - Wardng-container的文档页面，但没有找到任何内容。它是否已被弃用？为什么没有文档记录？ - Olivier Boissé