## EmbeddedViewRef 表示Angular视图。 视图是应用程序UI的基本构建块。它是元素创建和销毁的最小组合体。 视图中元素的属性可以更改，但视图中元素的结构（数量和顺序）不能更改。更改元素的结构只能通过`ViewContainerRef`插入，移动和删除嵌套视图来完成。每个视图可以包含多个视图容器。 示例： 例如此模板... ```html Count: {{ items.length }} <ul> <li *ngFor="let item of items">{{ item }}</li> </ul> ``` 这里有两个`TemplateRef` 外层`TemplateRef` ```html Count: {{ items.length }} <ul> <template ngFor let-item [ngForOf]="items"></template> </ul> ``` 里面的`TemplateRef` ```html <li>{{ item }}</li> ``` 请注意，原始模板分为两个单独的TemplateRef。 外部/内部TemplateRefs然后组装成如下视图： ```html <!-- ViewRef: outer-0 --> Count: 2 <ul> <template view-container-ref></template> <!-- ViewRef: inner-1 --><li>first</li><!-- /ViewRef: inner-1 --> <!-- ViewRef: inner-2 --><li>second</li><!-- /ViewRef: inner-2 --> </ul> <!-- /ViewRef: outer-0 --> ``` ### 类定义 ```typescript class EmbeddedViewRef { C context : C rootNodes : any[] destroy() : void } ``` ### 属性 - C - context: `C` - rootNodes : `any[]` - destroy() : `void` 销毁视图及其关联的数据结构。