时间戳

首页 > 解决方案 > Web应用程序离子框架角度中的公告横幅

angular - Web应用程序离子框架角度中的公告横幅

问题描述

我正在使用 Angular 构建一个 ionic Web 应用程序，并且我正在尝试为网站中的最新更新和公告添加横幅。我可以通过硬编码添加横幅，但我想知道是否有方法可以在没有硬编码的情况下完成。现在我已经通过以下方式实现：

.html

<h2 *ngIf="show" class="announcement">
    Recent Announcement!
  </h2>



.scss
h2.announcement {
  color: black;
  padding-top: 3.5%;
  padding-bottom: 1%;
  margin: 0;
  background-color: yellow;
  text-align: center;
}

和

.ts
show: boolean = true;

我尝试寻找 Ionic 文档，但它仅适用于移动设备。我不想硬编码，因为我只想由管理员在网站内编辑公告，因为它是基于角色的 Web 应用程序，比如有时我想添加带有文本的链接，有时只添加文本。

标签： angulartypescriptionic-framework

解决方案

推荐阅读