在 ionic2 中隐藏元素：无法绑定到“*ngIf”，因为它不是已知的原生元素属性

Question

我的 ionic2 应用程序中的 DOM 元素有问题。当我尝试做这样的事情时：

<ion-tabs>
  <ion-tab [root]="tab1Root" tabTitle="el1" tabIcon="list-box"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="el2" tabIcon="git-pull-request"></ion-tab>
  <div *ngIf="'admin'=='admin'">
    <ion-tab [root]="tab4Root" tabTitle="Admin" tabIcon="cog"></ion-tab>
  </div>
  <ion-tab [root]="tab3Root" tabTitle="Profile" tabIcon="person"></ion-tab>
</ion-tabs>

一切正常。但是当我在构造函数中设置 angular 变量时：

export class TabsPage {
  constructor() {
    this.userRole = "admin";

和

<ion-tabs>
      <ion-tab [root]="tab1Root" tabTitle="el1" tabIcon="list-box"></ion-tab>
      <ion-tab [root]="tab2Root" tabTitle="el2" tabIcon="git-pull-request"></ion-tab>
      <div *ngIf="{{userRole}}=='admin'">
        <ion-tab [root]="tab4Root" tabTitle="Admin" tabIcon="cog"></ion-tab>
      </div>
      <ion-tab [root]="tab3Root" tabTitle="Profile" tabIcon="person"></ion-tab>
    </ion-tabs>

应用程序returns我出错了：

Can't bind to '*ngIf' since it isn't a known native property

如何在 userRole = 'admin' 时隐藏此元素？

Answer 1

*ngIf="expression"处的条件表达式已经是going to be evaluated,不用再用{{}}.

所以

<div *ngIf="{{userRole}}=='admin'">

真的应该

<div *ngIf="userRole=='admin'">

在 ionic2 中隐藏元素：无法绑定到“*ngIf”，因为它不是已知的原生元素属性

Hiding element in ionic2: Can't bind to '*ngIf' since it isn't a known native property

cordova

typescript

ionic2

angular

在 ionic2 中隐藏元素：无法绑定到“*ngIf”，因为它不是已知的原生元素 属性

Hiding element in ionic2: Can't bind to '*ngIf' since it isn't a known native property

cordova

typescript

ionic2

angular

在 ionic2 中隐藏元素：无法绑定到“*ngIf”，因为它不是已知的原生元素属性