Function domOnlyFirstCreatePass

packages/core/src/render3/view/elements.ts:80–121

(
  index: number,
  tView: TView,
  type: TNodeType.Element | TNodeType.ElementContainer,
  name: string,
  attrsIndex?: number | null,
  localRefsIndex?: number,
)

}

export function domOnlyFirstCreatePass(
  index: number,
  tView: TView,
  type: TNodeType.Element | TNodeType.ElementContainer,
  name: string,
  attrsIndex?: number | null,
  localRefsIndex?: number,
): TElementNode | TElementContainerNode {
  ngDevMode && assertFirstCreatePass(tView);
  const tViewConsts = tView.consts;
  const attrs = getConstant<TAttributes>(tViewConsts, attrsIndex);
  const tNode = getOrCreateTNode(tView, index, type, name, attrs) as
    | TElementNode
    | TElementContainerNode;

  // Merge the template attrs last so that they have the highest priority.
  tNode.mergedAttrs = mergeHostAttrs(tNode.mergedAttrs, tNode.attrs);

  if (localRefsIndex != null) {
    const refs = getConstant<string[]>(tViewConsts, localRefsIndex)!;
    tNode.localNames = [];

    for (let i = 0; i < refs.length; i += 2) {
      // Always -1 since DOM-only instructions can only refer to the native node.
      tNode.localNames.push(refs[i], -1);
    }
  }

  if (tNode.attrs !== null) {
    computeStaticStyling(tNode, tNode.attrs, false);
  }

  if (tNode.mergedAttrs !== null) {
    computeStaticStyling(tNode, tNode.mergedAttrs, true);
  }

  if (tView.queries !== null) {
    tView.queries.elementStart(tView, tNode);
  }

  return tNode;
}