title: Meaning of #var="ngModel"
body: <p>I am creating <code>login.component.html</code> and during that time I create an input field then bind it to the <code>email</code> variable found in my <code>login.component.ts</code>. Originally I had written it as:</p>
  
  
  
  <pre class="lang-html prettyprint-override"><code>&lt;input type="text" placeholder="Enter Email" id="email"
         [(ngModel)] = "email" name = "email" required #email="ngModel"/&gt;
  </code></pre>
  
  <p>but continued to receive errors until I changed it to:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;input type="text" placeholder="Enter Email" id="email"
         [(ngModel)] = "email" name = "email" required #em="ngModel"/&gt;
  </code></pre>
  
  <p>What exactly is going on at <code>#em="ngModel"</code> and why can I only use incredibly specific values?</p>