title: Property 'checked' does not exist on type 'HTMLElement' angular 4
body: <p>i am trying to get checkbox checked value from ts(type script) file. For this, I have a Boolean variable and the purpose is to show and hide div using this variable value but I am facing a problem. Please help me to solve this and also give me the right way to do this. Here is my code...</p>
  
  <p>html code</p>
  
  <pre><code>**checkbox code**abcde" class="form-check-input" id="abcde" value="1"
  (change)="checked('abcde')"&gt; abcde
  </code></pre>
  
  <p>show and hide code</p>
  
  <pre><code>*ngIf='shown'
  </code></pre>
  
  <p>ts file</p>
  
  <pre><code>checked(value) {
  
      let get_id = document.getElementById('abcde');
  
      if (get_id.checked == true) {
          this.shown = true
      }
      else if (get_id.checked == false)
          this.shown = false;
  }
  </code></pre>
  
  <p>When i run ng serve then I get "Property 'checked' does not exist on type 'HTMLElement'"</p>
  
  <p>Thanks in advance!</p>