Angular2 - Show/Hide section on selection of radio button : <p>I have to show or hide sections based on selection of radio button  </p>

<pre><code> &lt;input name="options"  [(ngModel)]="options" type="radio" [value]="true" [checked]="options==true"/&gt; Yes

    &lt;input name="options"[(ngModel)]="options" type="radio" [value]="false" [checked]="options==false"/&gt; No&lt;/label&gt;

&lt;div&gt;
      &lt;h2 ng-show="options == 'true'"&gt;Supply&lt;/h2&gt;
      &lt;h2 ng-show="options == 'false'"&gt;Demand&lt;/h2&gt;
&lt;/div&gt;
</code></pre>

<p>If the user clicks on Yes then we have to show 'Supply' and hide  'Demand'
If the user clicks on No then we have to show 'Demand' and hide 'Supply.</p>

<p>But now while loading the form itself both Supply and Demand is displaying on the screen.</p>
