fix(ivy): properly match directives on ng-template with * syntax (#29251)

PR Close #29251

packages/core/src/render3/node_selector_matcher.ts

@@ -37,18 +37,19 @@ function isCssClassMatching(nodeClassAttrVal: string, cssClassToMatch: string):
  * Function that checks whether a given tNode matches tag-based selector and has a valid type.
  *
  * Matching can be performed in 2 modes: projection mode (when we project nodes) and regular
- * directive matching mode. In "projection" mode, we do not need to check types, so if tag name
- * matches selector, we declare a match. In "directive matching" mode, we also check whether tNode
- * is of expected type:
- * - whether tNode has either Element or ElementContainer type
- * - or if we want to match "ng-template" tag, we check for Container type
+ * directive matching mode:
+ * - in the "directive matching" mode we do _not_ take TContainer's tagName into account if it is
+ * different from NG_TEMPLATE_SELECTOR (value different from NG_TEMPLATE_SELECTOR indicates that a
+ * tag name was extracted from * syntax so we would match the same directive twice);
+ * - in the "projection" mode, we use a tag name potentially extracted from the * syntax processing
+ * (applicable to TNodeType.Container only).
  */
 function hasTagAndTypeMatch(
     tNode: TNode, currentSelector: string, isProjectionMode: boolean): boolean {
-  return currentSelector === tNode.tagName &&
-      (isProjectionMode ||
-       (tNode.type === TNodeType.Element || tNode.type === TNodeType.ElementContainer) ||
-       (tNode.type === TNodeType.Container && currentSelector === NG_TEMPLATE_SELECTOR));
+  const tagNameToCompare = tNode.type === TNodeType.Container && !isProjectionMode ?
+      NG_TEMPLATE_SELECTOR :
+      tNode.tagName;
+  return currentSelector === tagNameToCompare;
 }
 
 /**