ng-ytl-zorro-antd/src/showcase/nz-demo-message/nz-demo-message-loading.component.ts

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

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

@Component({
  selector  : 'nz-demo-message-loading',
  template  : `
    <button nz-button [nzType]="'default'" (click)="createBasicMessage()">显示加载中</button>
  `,
  styles    : []
})
export class NzDemoMessageLoadingComponent {

  constructor(private _message: NzMessageService) {
  }

  createBasicMessage(): void {
    const id = this._message.loading('正在执行中', {nzDuration: 0}).messageId;
    setTimeout(_ => {
      this._message.remove(id);
    }, 2500);
  }
}