announcement.html

<ion-header>
  <ion-navbar>
    <ion-title text-center>通知公告</ion-title>
  </ion-navbar>
</ion-header>

<ion-content scrollbar-y="true" direction="y" class="bgc-e7e8ed">
  <ion-list *ngIf="allNotice.length > 0">
    <ion-item class="margin-bottom-10" *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-list text-center style="margin-top: 10rem" *ngIf="allNotice.length == 0">
    <img style="width: 20%;" src="./assets/imgs/no-info.png" alt="">
    <p text-center>
      暂无数据
    </p>
  </ion-list>
</ion-content>