title: Angular reference # vs ngModel
body: <p>I wonder when do I have to use [(ngModel)] on my input and when I can just use #reference
  For example</p>
  
  <pre><code>&lt;div class="form-group"&gt;
    &lt;div class="input-group mb-2"&gt;
      &lt;input type="text" class="form-control" [(ngModel)]="newUser"&gt;
      &lt;button class="btn btn-outline-success" (click)="onAddUser()"&gt;Add user&lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Should I do it this way here, or maybe I can do it this way instead:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
    &lt;div class="input-group mb-2"&gt;
      &lt;input type="text" class="form-control" #newUser&gt;
      &lt;button class="btn btn-outline-success" (click)="onAddUser(newUser.value)"&gt;
        Add user
      &lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would be thankful for any answers)</p>