Hiding element in ionic2: Can't bind to '*ngIf' since it isn't a known native property
<p>I have a problem with DOM elements in my ionic2 app. When I trying do something like this:</p>

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

<p>everything is OK. But when I set angular variable in constructor:</p>

<pre><code>export class TabsPage {
  constructor() {
    this.userRole = "admin";
</code></pre>

<p>and </p>

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

<p>the application returns me an error:</p>

<blockquote>
  <p>Can't bind to '*ngIf' since it isn't a known native property</p>
</blockquote>

<p>How I can hide this element when <code>userRole = 'admin'</code>?</p>