typescript - ionic : How do I hide an element on load

标签 typescript ionic-framework ionic3

应用程序组件.ts

platformReady() {
    // Call any initial plugins when ready
    this.platform.ready().then(() => {
        if(this.platform.is('core')){

            // this.menu.enable(false, 'mobileOnlyPages');
        }else{
            this.splashScreen.hide();
        }
    });
}

app.templates.html

<button ion-item menuClose *ngFor="let p of mobileOnlyPages" (click)="openPage(p)" ngHide="mobile_only">
          <ion-icon item-start [name]="p.icon" [color]="isActive(p)"></ion-icon>
          {{p.title}}
</button>

我如何隐藏加载时的这个按钮?

最佳答案

您可以使用:

*ngIf="mobile_only"

或:

[class.hidden]="mobile_only"

在你的样式表上:

.hidden { display: none; }

编辑:

*ngIf 是一种:“如果 ____ 则呈现此 html 标记”

同时

[class.myClassName] 将是:“Apply class, myClassName, on this html tag if ____”

所以基本上可能存在这样一种情况,您实际上出于某种原因需要呈现标签,但只是对用户隐藏了。在那种情况下,使用“条件类”。这不是最好的解释,但我希望这足够有意义。

这是我所说的可能情况的一个例子: Ionic2 button click text box toggle

关于typescript - ionic : How do I hide an element on load,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46120999/

相关文章:

typescript - 为什么 TypeScript 允许将子类型分配给对象属性?

typescript - 在 Atom 中,自动完成加建议比我自己的代码段前缀/触发器具有更高的优先级

android - 我无法在 android 中构建我的项目

angular - 导航失败 : Template parse errors: Can't bind to 'options' since it isn't a known property of 'signature-pad'

angular - Jasmine:Matcher 不同于 undefined 和 null (!= undefined and != null)

typescript - 在 web 中运行的 TypeScript 中未定义 regeneratorRuntime

angular - 'ion-title' 不是已知元素 : while creating components on the fly

javascript - 在 InAppBrowser 中打开链接时维护标题

css - ionic 图像填充颜色不变

angular - 如何在 ionic 3 中包含 JS 文件