title: Angular forms unable to see the template of few fields
body: <p>I have a sample project where I have used angular forms. I have created form group object and added form controls and all. But unable to see password field which is in the template and form is not working. Here is the code.</p>
  <p><a href="https://stackblitz.com/edit/angular-ivy-6v8eo6?file=src%2Fapp%2Fapp.component.ts" rel="nofollow noreferrer">Stackbliz Link</a></p>
  <p><strong>app.component.ts</strong></p>
  <pre><code>import { FormControl, FormGroup, Validators } from '@angular/forms';
  
  @Component({
    selector: 'my-app',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
  })
  export class AppComponent {
    public form: FormGroup = new FormGroup({
      email: new FormControl('', [Validators.required]),
      password: new FormControl('', [Validators.required])
    });
  
    login() {
      if (this.form.valid) {
        console.log(this.form.value);
      }
    }
  }
  
  </code></pre>
  <p><strong>app.component.html</strong></p>
  <pre class="lang-html prettyprint-override"><code>&lt;h3&gt;Login Form&lt;/h3&gt;
  &lt;form (ngSubmit)=&quot;login()&quot;&gt;
    &lt;label&gt;Email: &lt;/label&gt;
    &lt;input formControlName=&quot;email&quot; type=&quot;text&quot; /&gt;
    &lt;br&gt;&lt;br&gt;
    &lt;label&gt;Password: &lt;/label&gt;
    &lt;input  formControlName=&quot;password&quot; type=&quot;password&quot; /&gt;
    &lt;br&gt;&lt;br&gt;
    &lt;button type=&quot;submit&quot;&gt;Login&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>