Function producer

packages/core/src/render3/instructions/foreign_component.ts:168–194

()

  const getContext = foreignComponent[GET_CONTEXT];

  const producer = () => {
    const options = getContext
      ? {embeddedViewInjector: new ForeignContextInjector(getContext())}
      : undefined;

    // Instantiate and render the embedded view inside the container, but do not add its elements to
    // the DOM at the container anchor since the nodes will be projected into a foreign view.
    const embeddedLView = createAndRenderEmbeddedLView(lView, tNode, null, options);
    addLViewToLContainer(
      lContainer,
      embeddedLView,
      lContainer.length - CONTAINER_HEADER_OFFSET,
      /* addToDOM */ false,
    );

    onDestroy(() => {
      if (!isDestroyed(embeddedLView)) {
        const embeddedLViewIndex = lContainer.indexOf(embeddedLView, CONTAINER_HEADER_OFFSET);
        ngDevMode && assertNotSame(embeddedLViewIndex, -1, 'Embedded view not found in container');
        removeLViewFromLContainer(lContainer, embeddedLViewIndex - CONTAINER_HEADER_OFFSET);
      }
    });

    // Extract and return the root nodes of the created view
    const embeddedTView = embeddedLView[TVIEW];
    return collectNativeNodes(embeddedTView, embeddedLView, embeddedTView.firstChild, []);
  };

  return adapter(producer);
}