<ngx-loading [show]="loading" [config]="{fullScreenBackdrop: true}"></ngx-loading>
<div class="container">
  <div class="row">
    <div class="content-block">
      <h2 class="title">檢視公佈欄資料</h2>
      <table class="verticalTable">
        <tbody>
          <tr>
            <th style = "max-width:20%;">
              標題
            </th>
            <td style = "white-space:normal;word-wrap:break-word;word-break:break-all;">
              {{selectedItem.Title}}
            </td>
          </tr>
          <tr>
            <th style = "max-width:20%;">
              摘要
            </th>
            <td style = "white-space:normal;word-wrap:break-word;word-break:break-all;">
              {{selectedItem.Content}}
            </td>
          </tr>
          <tr>
            <th style = "max-width:20%;">
              公告日期
            </th>
            <td style = "white-space:normal;word-wrap:break-word;word-break:break-all;">
              {{selectedItem.StartOn}}
            </td>
          </tr>
        </tbody>
      </table>
      <div class="btn-footer">
        <button type="submit" class="btn btn-block btn-danger" (click)="backPreviousPage()">
          回上一頁
        </button>
      </div>
    </div>
  </div>
</div>
