title: How to use 'ng-if' in Angular 2
body: <p>Consider:</p>
  <pre><code>&lt;h3 style=&quot;color:#00bfff;margin:-14px 0 16px 0px&quot; class=&quot;inline&quot; *ng-if=&quot;data.for == 'next'&quot;&gt;
      {{data.bannerText}}&lt;sup&gt;&lt;small&gt;{{data.super}}&lt;/small&gt;&lt;/sup&gt;
  &lt;/h3&gt;
  &lt;span class=&quot;NotinStockGrey&quot;&gt; {{data.textOne}} &lt;/span&gt;
  &lt;span style=&quot;color:#00bfff&quot;&gt; {{data.textTWo}} &lt;/span&gt;
  </code></pre>
  <p>Error:</p>
  <blockquote>
  <p>zone.js:420 Unhandled Promise rejection: Template parse errors: <br />
  Can't bind to 'ng-if' since it isn't a known property of 'h3'. (&quot;0Fb;margin:-16px 0 16px 0px&quot;&gt;</p>
  </blockquote>