diff --git a/components/segmented/demo/custom.ts b/components/segmented/demo/custom.ts
index 3917ab4447..ed5f166e4e 100644
--- a/components/segmented/demo/custom.ts
+++ b/components/segmented/demo/custom.ts
@@ -4,23 +4,25 @@ import { NzSegmentedOption } from 'ng-zorro-antd/segmented';
@Component({
selector: 'nz-demo-segmented-custom',
- template: `
+ template: `
+
-
-
+ @switch (index) {
+ @case (0) {
User 1
-
-
+ }
+ @case (1) {
User 2
-
-
+ }
+ @case (2) {
User 3
-
-
- `,
+ }
+ }
+
+ `,
styles: [
`
.code-box-demo {
diff --git a/components/segmented/segmented.component.ts b/components/segmented/segmented.component.ts
index 074c98b4b1..f4dda508f9 100644
--- a/components/segmented/segmented.component.ts
+++ b/components/segmented/segmented.component.ts
@@ -4,7 +4,7 @@
*/
import { Direction, Directionality } from '@angular/cdk/bidi';
-import { NgClass, NgForOf, NgIf } from '@angular/common';
+import { NgClass } from '@angular/common';
import {
ChangeDetectionStrategy,
ChangeDetectorRef,
@@ -45,42 +45,44 @@ const NZ_CONFIG_MODULE_NAME: NzConfigKey = 'segmented';
template: `
-
-
+ }
`,
host: {
@@ -93,7 +95,7 @@ const NZ_CONFIG_MODULE_NAME: NzConfigKey = 'segmented';
},
providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => NzSegmentedComponent), multi: true }],
animations: [thumbMotion],
- imports: [NgIf, NgClass, NgForOf, NzIconModule, NzOutletModule],
+ imports: [NgClass, NzIconModule, NzOutletModule],
standalone: true
})
export class NzSegmentedComponent implements OnChanges, ControlValueAccessor {