announcement.html

<ion-header>
  <ion-toolbar>
    <div class="searchToolBar">
      <button ion-button clear small navPop style="padding: 0;" (click)="goBack()">
        <img class="back-btn" src="./assets/imgs/back.png" />
      </button>
      <ion-title text-center>通知公告</ion-title>
    </div>
  </ion-toolbar>
</ion-header>

<ion-content scrollbar-y="true" direction="y">
  <ion-list>
    <ion-item *ngFor="let notice of allNotice" (click)="goView(notice.id,notice.read)">
      <div class="item">
        <div class="item-header">
          <div class="item-header-style">
            <img src="./assets/imgs/tz.png" class="icon">
            <span class="item-title">{{notice.title}}</span>
          </div>
          <button ion-button round class="btn btn1" *ngIf="!notice.read">未读</button>
          <button ion-button round class="btn btn2" *ngIf="notice.read">已阅</button>
        </div>
        <div class="content-box">
          <div class="content-item-box">
            <label class="left-title">发布科室：</label>
            <div class="data">{{notice.fbDept}}</div>
          </div>
          <div class="content-item-box">
            <label class="left-title">公告内容：</label>
            <div class="data data-1" [innerHTML]="notice.noticeContent">
            </div>
          </div>
        </div>
        <button class="sign-up">查看</button>
      </div>
    </ion-item>
  </ion-list>
</ion-content>