angular - ViewContainerRef(索引参数)

Question

只是尝试阐明 ViewContainerRef.createComponent 中索引参数的含义:

createComponent<C>(
    componentFactory: ComponentFactory<C>,
    index?: number,
    injector?: Injector,
    projectableNodes?: any[][],
    ngModule?: NgModuleRef<any>
): ComponentRef<C>

让我们回顾一下索引参数:我创建了一个小例子 https://plnkr.co/edit/sbDomj而且我把索引设置为0。没关系。这个例子有效。但是，如果您更改此值 (1)，则不会添加该组件。为什么？这个参数响应什么？

Answer 1

您可以将多个组件添加到 ViewContainerRef 的 hostView。

默认(未指定索引)表示新组件添加到列表末尾。

如果指定了索引，则新组件将插入到该位置。如果添加了无效位置(1 对空列表无效)，则会出现所描述的行为。如果列表已经包含 2 个组件，那么 1 将是一个有效索引，您的调用将在第一个和第二个组件之间插入组件。

另见 https://angular.io/api/core/ViewContainerRef#createComponent

Plunker example