refactor(module:tooltip): migrate to new control flow (#8683)

NG-ZORRO · Aug 6, 2024 · 03c3667 · 03c3667
1 parent 2e59d91
commit 03c3667
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/components/tooltip/demo/color.ts b/components/tooltip/demo/color.ts
@@ -6,13 +6,17 @@ import { presetColors } from 'ng-zorro-antd/core/color';
   selector: 'nz-demo-tooltip-color',
   template: `
     <nz-divider nzText="Preset" nzOrientation="left"></nz-divider>
-    <button *ngFor="let color of presetColors" nz-button nz-tooltip [nzTooltipTitle]="color" [nzTooltipColor]="color">
-      {{ color }}
-    </button>
+    @for (color of presetColors; track color) {
+      <button nz-button nz-tooltip [nzTooltipTitle]="color" [nzTooltipColor]="color">
+        {{ color }}
+      </button>
+    }
     <nz-divider nzText="Custom" nzOrientation="left"></nz-divider>
-    <button *ngFor="let color of customColors" nz-button nz-tooltip [nzTooltipTitle]="color" [nzTooltipColor]="color">
-      {{ color }}
-    </button>
+    @for (color of customColors; track color) {
+      <button nz-button nz-tooltip [nzTooltipTitle]="color" [nzTooltipColor]="color">
+        {{ color }}
+      </button>
+    }
   `,
   styles: [
     `