title: How to pass data from html form elements to the angular class
body: <p>I'm using <code>angular 9</code> and I need to bind HTML forms data to the angular class.<br/>
  I have the following angular class:</p>
  
  <pre><code>export interface MyData {
      field1: string,
      textArea1: string,
      textArea2: string
  }
  </code></pre>
  
  <p>and I have the following HTML code:</p>
  
  <pre><code>&lt;div class="modal-body"&gt;
          &lt;label&gt;Field1&lt;/label&gt;
          &lt;input type="text" class="form-control" aria-label="Process id"/&gt;
          &lt;label&gt;TextArea1&lt;/label&gt;
          &lt;textarea class="form-control" aria-label="With textarea"&gt;&lt;/textarea&gt;
          &lt;label&gt;TextArea2&lt;/label&gt;
          &lt;textarea class="form-control" aria-label="With textarea"&gt;&lt;/textarea&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>How can I bind data from the HTML form to the <code>MyData</code> angular class?</p>