如何使用打字稿在 ionic 2 中隐藏和显示 css 类答案

【问题标题】：how to hide and show css class in ionic 2 with typescript如何使用打字稿在 ionic 2 中隐藏和显示 css 类
【发布时间】：2017-09-21 20:02:24
【问题描述】：

我们将 ionic 2 与基于 typescript 的混合移动应用程序一起使用，并且我们正在使用第三方库进行聊天信使将我们的应用程序加载到 .ts 文件之一中。 Messenger 始终打开登录后和登录前，因此我们尝试使用 css 隐藏该 Messenger，但我们如何在 ionic 2 中使用 typescript 做到这一点，或者让我知道任何其他替代解决方案。

// 在 .ts 文件中加载我们的库

ionViewDidLoad() {   
      var po = document.createElement('script'); po.type = 
      'text/javascript'; po.async = true;
      po.src = 'https://test/messanger/test/';
      var s = document.getElementsByTagName('script')[0]; 
      s.parentNode.insertBefore(po, s); 
}

我们的要求是我们必须限制此功能的预登录。我尝试手动检查以隐藏(display:none)，但以编程方式（带有打字稿的离子2）我们无法做到。请帮助我们解决。

【问题讨论】：

标签： typescript ionic2

【解决方案1】：

你可以使用

[hidden]="true/false" 用于隐藏目的的属性在模板中

或

*ngIf="true/false"（仅当 *ngIf 为 true 时才会显示模板）

【讨论】：

我只在打字稿中加载聊天消息库，所以我如何在模板中使用。通常，聊天功能不使用任何模板。一旦在打字稿中加载到该脚本之上，它将自动加载聊天页面。例如谷歌地图，我们以相同的方式加载，但
标签有一个选项，因此我们可以轻松控制。
我有一个想法是我在检查谷歌浏览器时创建了另一个选项以隐藏聊天消息图标/框（显示：无）但正常的编程我们可以使用但打字稿我如何加载显示无。