title: How to show div element if checkbox is checked?
body: <p>I am trying to display a div element if a checkbox is checked using ng-show. 
  If the user does not have a telephone number, they check the checkbox and an input element should appear where they can enter their mailing address. However, switching between checked and unchecked values is having no effect at the moment.</p>
  
  <p>I have done two way binding on the element.</p>
  
  <p>-- My component.html file --</p>
  
  <pre><code>&lt;input type="checkbox" name="myCheckbox" [(ngModel)]="person.myCheckbox"&gt;
  I don't have a telephone
  &lt;div ng-show="person.myCheckbox"&gt;
     Show when checked (telephone input)
  &lt;/div&gt;
  </code></pre>
  
  <p>-- Person.ts file --</p>
  
  <pre><code>export class Person {
  
          constructor(
              public myCheckbox: boolean
          ) {  }
      }
  </code></pre>