ace-component/src/app/toaster-page/toaster-page.component.html

ace-components for ewms

<div id='body' class='page-content'>
  <h3>
    toaster <small>容器 ace-toaster</small>
  </h3>
  <p>使用 import AceToaster</p>
  <p>需要安装ng 的动画模块</p>
  <p>需要npm install angularjs-toaster</p>
  <h5 class="text-info">
    属性
  </h5>

  <table class='table-striped table-bordered table'>
    <tr>
      <th *ngFor='let th of thead'>{{th}}</th>
    </tr>
    <tr *ngFor='let item of tableValue'>
      <td *ngFor='let key of getKeys(item)'>
        <p>{{key}}</p>
      </td>
    </tr>
  </table>

  <h5 class="text-warning">
    <h5 class="text-warning">
      success成功
    </h5>
    <button (click)='open(1)'>open</button>
  </h5>
  <h5 class="text-warning">
    <h5 class="text-warning">
      error错误
    </h5>
    <button (click)='open(2)'>open</button>
  </h5>
  <h5 class="text-warning">
    <h5 class="text-warning">
      warning警告
    </h5>
    <button (click)='open(3)'>open</button>
  </h5>
  <h5 class="text-warning">
    <h5 class="text-warning">
      info蓝色
    </h5>
    <button (click)='open(4)'>open</button>
  </h5>

  <ace-toaster [type]='option.type' [title]='option.title' [body]='option.body' #toaster></ace-toaster>
</div>