ng-ytl-zorro-antd/src/showcase/nz-demo-notification/nz-demo-notification-html.component.ts

An enterprise-class UI components based on Ant Design and Angular

import {Component} from '@angular/core';
import {NzNotificationService} from '../../../index.showcase';

@Component({
  selector  : 'nz-demo-notification-html',
  template  : `
    <button nz-button [nzType]="'primary'" (click)="createBasicNotification()">打开通知提示框</button>
`,
  styles    : []
})
export class NzDemoNotificationHtmlComponent {
  createBasicNotification = () => {
    this._notification.html('<strong>自定义通知栏内HTML</strong><br><p>HTML</p>');
  };
  constructor(private _notification: NzNotificationService) {
  }
}