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

ace-components for ewms

<div id='body' class='page-content'>
  <h3>
    body <small>容器 ace-body</small>
  </h3>
  <p>使用 import AceBtnModule</p>
  <h5 class="text-info">
    属性 标题为 myTitle:string; PS:懒得弄多一个表格
  </h5>
  <h5 class="text-warning">
    插值
  </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>
  <ace-body myTitle='Demo1'>
    <div class='ngheader' style='padding-top:3px;'>
      <ace-btn text='搜索' size='small' type='info'></ace-btn>
      <ace-btn text='删除' size='small' type='warning'></ace-btn>
    </div>
  </ace-body>

  <h5 class="text-warning">
    内容区插值
  </h5>
  <ace-body myTitle='Demo1'>
    <div class='ngbody'>
      <p>这个组件库的作者号称是 广州彭于晏 。</p>
    </div>
  </ace-body>
</div>