EmbeddedViewRef

Experimental Class

Обзор класса

class EmbeddedViewRef extends ViewRef {
  C 
  context : C
  rootNodes : any[]
}

Описание класса

Представляет представление Angular.

Представление является основным строительным блоком пользовательского интерфейса приложения. Это наименьшая группа элементов, которые создаются и уничтожаются вместе.

Свойства элементов в представлении могут изменяться, но структура (количество и порядок) элементов в представлении не может. Изменить структуру элементов можно только путем вставки, перемещения или удаления вложенных представлений с помощью ViewContainerRef. Каждое представление может содержать множество контейнеров представлений.

Пример

Предположим, у нас есть такой шаблон...

Count: {{items.length}}
<ul>
  <li *ngFor="let  item of items">{{item}}</li>
</ul>

У нас есть два TemplateRef:

Внешний TemplateRef:

Count: {{items.length}}
<ul>
  <template ngFor let-item [ngForOf]="items"></template>
</ul>

Внутренний TemplateRef:

<li>{{item}}</li>

Обратите внимание, что исходный шаблон разбивается на два отдельных TemplateRef.

Внешние/внутренние TemplateRef затем собираются в представления следующим образом:

<!-- 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 -->

Подробное описание класса

C

context : C

rootNodes : any[]

экспортировано из @angular/core/index, определено в @angular/core/src/linker/view_ref.ts