ng-container is mentioned in Angular 2 documentation but there is no explanation how it works and what are use cases.
It is particularly mentioned in ng
to the rescueThe Angular
is a grouping element that doesn't interfere with styles or layout because Angular doesn't put it in the DOM.(...)
The
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
satisfies a similar need in Angular templates.
According to this pull request :
is a logical container that can be used to group nodes but is not rendered in the DOM tree as a node.
is rendered as an HTML comment.
so this angular template :
foo
will produce this kind of output :
foo
So ng-container is useful when you want to conditionaly append a group of elements (ie using *ngIf="foo") in your application but don't want to wrap them with another element.
Title
Content
will then produce :
Title
Content
- 热议问题