refactor(module:anchor): implement new code flow (#8291)

NG-ZORRO · Dec 17, 2023 · 06c9cbd · 06c9cbd
1 parent 0416653
commit 06c9cbd
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/components/anchor/anchor-link.component.ts b/components/anchor/anchor-link.component.ts
@@ -4,7 +4,7 @@
  */
 
 import { Platform } from '@angular/cdk/platform';
-import { NgIf } from '@angular/common';
+import { NgTemplateOutlet } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -28,7 +28,7 @@ import { NzAnchorComponent } from './anchor.component';
   exportAs: 'nzLink',
   preserveWhitespaces: false,
   standalone: true,
-  imports: [NgIf],
+  imports: [NgTemplateOutlet],
   template: `
     <a
       #linkTitle
@@ -38,7 +38,11 @@ import { NzAnchorComponent } from './anchor.component';
       [target]="nzTarget"
       (click)="goToClick($event)"
     >
-      <span *ngIf="titleStr; else titleTpl || nzTemplate">{{ titleStr }}</span>
+      @if (titleStr) {
+        <span>{{ titleStr }}</span>
+      } @else {
+        <ng-template [ngTemplateOutlet]="titleTpl || nzTemplate" />
+      }
     </a>
     <ng-content></ng-content>
   `,

diff --git a/components/anchor/anchor.component.ts b/components/anchor/anchor.component.ts
@@ -52,9 +52,14 @@ const passiveEventListenerOptions = normalizePassiveListenerOptions({ passive: t
   standalone: true,
   imports: [NgClass, NgIf, NgStyle, NgTemplateOutlet, NzAffixModule],
   template: `
-    <nz-affix *ngIf="nzAffix; else content" [nzOffsetTop]="nzOffsetTop" [nzTarget]="container">
+    @if (nzAffix) {
+      <nz-affix [nzOffsetTop]="nzOffsetTop" [nzTarget]="container">
+        <ng-template [ngTemplateOutlet]="content"></ng-template>
+      </nz-affix>
+    } @else {
       <ng-template [ngTemplateOutlet]="content"></ng-template>
-    </nz-affix>
+    }
+
     <ng-template #content>
       <div class="ant-anchor-wrapper" [ngStyle]="wrapperStyle">
         <div class="ant-anchor" [ngClass]="{ 'ant-anchor-fixed': !nzAffix && !nzShowInkInFixed }">