title: Angular two-way binding issue
body: <p>I am in an Angular class and part of the assignment was to create a two way binding page with a form. I have literally no idea why my form is not displaying on the page when I run it. Here is the app.component.ts code and the GitHub repo for this is <a href="https://github.com/Friend0fMisery/web-425/blob/master/week-2/singleton-two-way-binding/src/app/app.component.ts" rel="nofollow noreferrer">https://github.com/Friend0fMisery/web-425/blob/master/week-2/singleton-two-way-binding/src/app/app.component.ts</a> . Please help, I must be overlooking something.</p>
  
  <pre><code>import { Component } from '@angular/core';
  
  @Component({
    selector: 'app-root',
    template: `
      &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
  
      &lt;div class="container-fluid two-way-form"&gt;
        &lt;h2&gt;Two-Way Binding Example&lt;/h2&gt;&lt;br /&gt;
        &lt;div class="form-group"&gt;
            &lt;input class="form-control" type="text"
                  placeholder="Enter your name ..."
                  [(ngModel)]="name"&gt;
            &lt;button class="btn btn-primary form-control" (click)="name=''"&gt;Clear Name&lt;/button&gt;
        &lt;/div&gt;
        &lt;div class="form-group"&gt;
            &lt;p class="alert-success"&gt;Welcome to the Jungle, {{name}}! &lt;/p&gt;
        &lt;/div&gt;
  
  
      &lt;/div&gt;
    `,
    styles: [
      `
        h2 {
          color: orange;
          text-decoration: underline;
        }
        .form-group {
          background-color: light-grey;
        }
        p {
          color: green;
          font-size: 32px;
        }
        .two-way-form {
          width: 50%;
        }
      `
    ]
  })
  export class AppComponent {
    title = 'singleton-two-way-binding';
    name: string;
  }
  </code></pre>