title: How to show and hide a div with a checkbox element in Angular2?
body: <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>