How to show and hide a div with a checkbox element in Angular2?
<p>I've got a checkbox and what I'm trying to achieve is to hide the <code>div</code> when the checkbox is checked and show when it is unchecked in Angular 2.0 beta.</p>

<p>I know how to do this in angular 1.2 with this code</p>

<pre><code>&lt;label&gt;
     &lt;input type="checkbox" ng-model="showhidepregnant"/&gt; Pregnant
&lt;/label&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
</code></pre>

<p>Code on the <code>div</code></p>

<pre><code>&lt;div class="col-md-4 divhidetxtdpatient" ng-hide="showhidemasked"&gt;
      &lt;input class="form-control" tabindex="1" id="id_field_specialist" ng-model="id_field_specialist" type="text" ng-blur="savespecialist()" placeholder="maskable"/&gt;
&lt;/div&gt;
</code></pre>

<p>Thanks in advance.</p>