Ejemplos de ng-zorro-antd NzNotificationService en TypeScript

Ejemplo n.º 1

Archivo: custom-style.ts Proyecto: SrgGs/ng-zorro-antd

 createBasicNotification(): void {
   this.notification.blank('Notification Title', 'This is the content of the notification. This is the content of the notification. This is the content of the notification.', {
     nzStyle: {
       width     : '600px',
       marginLeft: '-265px'
     },
     nzClass: 'test-class'
   });
 }

Ejemplo n.º 2

Archivo: update.ts Proyecto: SrgGs/ng-zorro-antd

  createAutoUpdatingNotifications(): void {
    this.notification.blank('Notification Title', 'Description.', {
        nzKey: 'key'
      }
    );

    setTimeout(() => {
      this.notification.blank('New Title', 'New description', {
        nzKey: 'key'
      });
    }, 1000);
  }

Ejemplo n.º 3

Archivo: with-btn.ts Proyecto: SrgGs/ng-zorro-antd

 createBasicNotification(template: TemplateRef<{}>): void {
   this.notification.template(template);
 }

Ejemplo n.º 4

Archivo: update.ts Proyecto: SrgGs/ng-zorro-antd

 setTimeout(() => {
   this.notification.blank('New Title', 'New description', {
     nzKey: 'key'
   });
 }, 1000);

Ejemplo n.º 5

Archivo: basic.ts Proyecto: SrgGs/ng-zorro-antd

 createBasicNotification(): void {
   this.notification.blank( 'Notification Title', 'This is the content of the notification. This is the content of the notification. This is the content of the notification.');
 }