diff --git a/components/message/message-container.component.ts b/components/message/message-container.component.ts index 912a6eff554..24e5318f64b 100644 --- a/components/message/message-container.component.ts +++ b/components/message/message-container.component.ts @@ -4,6 +4,7 @@ */ import { Direction } from '@angular/cdk/bidi'; +import { NgForOf } from '@angular/common'; import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ViewEncapsulation } from '@angular/core'; import { takeUntil } from 'rxjs/operators'; @@ -11,6 +12,7 @@ import { MessageConfig, NzConfigService } from 'ng-zorro-antd/core/config'; import { toCssPixel } from 'ng-zorro-antd/core/util'; import { NzMNContainerComponent } from './base'; +import { NzMessageComponent } from './message.component'; const NZ_CONFIG_COMPONENT_NAME = 'message'; @@ -37,7 +39,9 @@ const NZ_MESSAGE_DEFAULT_CONFIG: Required = { (destroyed)="remove($event.id, $event.userAction)" > - ` + `, + imports: [NzMessageComponent, NgForOf], + standalone: true }) export class NzMessageContainerComponent extends NzMNContainerComponent { dir: Direction = 'ltr'; diff --git a/components/message/message.component.ts b/components/message/message.component.ts index d5c8d9308a3..52ee418aa32 100644 --- a/components/message/message.component.ts +++ b/components/message/message.component.ts @@ -3,6 +3,7 @@ * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE */ +import { NgClass, NgSwitch, NgSwitchCase } from '@angular/common'; import { ChangeDetectionStrategy, ChangeDetectorRef, @@ -16,6 +17,8 @@ import { } from '@angular/core'; import { moveUpMotion } from 'ng-zorro-antd/core/animation'; +import { NzOutletModule } from 'ng-zorro-antd/core/outlet'; +import { NzIconModule } from 'ng-zorro-antd/icon'; import { NzMNComponent } from './base'; import { NzMessageData } from './typings'; @@ -50,7 +53,9 @@ import { NzMessageData } from './typings'; - ` + `, + imports: [NgClass, NgSwitch, NgSwitchCase, NzIconModule, NzOutletModule], + standalone: true }) export class NzMessageComponent extends NzMNComponent implements OnInit, OnDestroy { @Input() override instance!: Required; diff --git a/components/message/message.module.ts b/components/message/message.module.ts index 5705e4df775..3329a85c530 100644 --- a/components/message/message.module.ts +++ b/components/message/message.module.ts @@ -3,19 +3,12 @@ * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE */ -import { BidiModule } from '@angular/cdk/bidi'; -import { OverlayModule } from '@angular/cdk/overlay'; -import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; -import { NzOutletModule } from 'ng-zorro-antd/core/outlet'; -import { NzIconModule } from 'ng-zorro-antd/icon'; - import { NzMessageContainerComponent } from './message-container.component'; import { NzMessageComponent } from './message.component'; @NgModule({ - imports: [BidiModule, CommonModule, OverlayModule, NzIconModule, NzOutletModule], - declarations: [NzMessageContainerComponent, NzMessageComponent] + imports: [NzMessageContainerComponent, NzMessageComponent] }) export class NzMessageModule {}