refactor(ivy): merge directives into LViewData (#26316)

PR Close #26316

packages/core/src/render3/component_ref.ts

@@ -139,13 +139,6 @@ export class ComponentFactory<T> extends viewEngine_ComponentFactory<T> {
 
       // Create element node at index 0 in data array
       elementNode = hostElement(componentTag, hostNode, this.componentDef);
-
-      // TODO: should LifecycleHooksFeature and other host features be generated by the compiler and
-      // executed here?
-      // Angular 5 reference: https://stackblitz.com/edit/lifecycle-hooks-vcref
-      component = createRootComponent(
-          elementNode, this.componentDef, rootView, rootContext, [LifecycleHooksFeature]);
-
       tElementNode = getTNode(0) as TElementNode;
 
       // Transform the arrays of native nodes into a LNode structure that can be consumed by the
@@ -168,6 +161,12 @@ export class ComponentFactory<T> extends viewEngine_ComponentFactory<T> {
         }
       }
 
+      // TODO: should LifecycleHooksFeature and other host features be generated by the compiler and
+      // executed here?
+      // Angular 5 reference: https://stackblitz.com/edit/lifecycle-hooks-vcref
+      component = createRootComponent(
+          elementNode, this.componentDef, rootView, rootContext, [LifecycleHooksFeature]);
+
       // Execute the template in creation mode only, and then turn off the CreationMode flag
       const componentView = elementNode.data as LViewData;
       renderEmbeddedTemplate(componentView, componentView[TVIEW], component, RenderFlags.Create);