class EmbeddedViewRef extends ViewRef {
get context(): C
get rootNodes(): any[]
}
描述
Represents an Angular View.
代表一个angular视图@H_404_12@
A View is a fundamental building block of the application UI. It is the smallest grouping of Elements which are created and destroyed together.
一个view是应用程序UI的基本构建块。它是可以一起创建和销毁的最小的元素组合。@H_404_12@
Properties of elements in a View can change,but the structure (number and order) of elements in a View cannot. Changing the structure of Elements can only be done by inserting,moving or removing nested Views via a ViewContainerRef. Each View can contain many View Containers.
一个视图中元素的属性可以更改,但View中的元素的结构(数量和顺序)不能。
更改Elements的结构只能通过ViewContainerRef插入,移动或删除嵌套视图来完成。
每个视图都可以包含许多视图容器。@H_404_12@
例子
如有以下模板
Count: {{items.length}} <ul> <li *ngFor="let item of items">{{item}}</li> </ul>
我们有了两个 templateRef
外层templateRef
Count: {{items.length}}
<ul>
<ng-template ngFor let-item [ngForOf]="items"></ng-template>
</ul>
内层templateRef
<li>{{item}}</li>
请注意,原始模板分为两个单独的TemplateRefs。
然后将外部/内部TemplateRefs组合成如下所示的视图:
<!-- ViewRef: outer-0 -->
Count: 2
<ul>
<ng-template view-container-ref></ng-template>
<!-- ViewRef: inner-1 --><li>first</li><!-- /ViewRef: inner-1 -->
<!-- ViewRef: inner-2 --><li>second</li><!-- /ViewRef: inner-2 -->
</ul>
<!-- /ViewRef: outer-0 -->
原文链接:https://www.f2er.com/angularjs/146446.html