title: caused by: Cannot read property 'firstname' of undefined
body: <p>I created the component and html file. In component I defined one model and combo box values. In html file I am trying to bind those model values to text box and combo box. 
  When I ran the application controls was displayed correctly but in combo box did not have any values and model was shows the undefined.
  Please verify below code.</p>
  
  <p>component.ts: </p>
  
  <pre><code>export class Testpagesearchcomponent implements OnInit {
  
      model: any = {};
      search_Master_cmbtest = {
          ValidValues: [
              { display: '1', value: 'a' },
              { display: '2', value: 'b' }
          ],
          DefaultValue: { display: '1', value: 'a' }
      };
  
      constructor(
          private route: ActivatedRoute,
          private router: Router,
          private patientService: TestpageService
      ) { }
  
      ngOnInit() {
          this.initModel();
      }
  
      private initModel() {
          this.model = {
              firstname: "avc",             
              cmbtest: null
          };
      }       
  }
  </code></pre>
  
  <p>Html file:</p>
  
  <pre><code>&lt;div class="col-sm-4" [ngClass]="{ 'has-error': formsearch.firstname.$invalid }"&gt;
      &lt;input type="text"
           class="form-control text-left"
           name="firstname"
           maxlength="50"
           [(ngModel)]="model.firstname" /&gt;
  &lt;/div&gt;
  &lt;div class="col-sm-4"&gt; 
      &lt;select name="cmbtest"
           class="form-control" [(ngModel)]="model.cmbtest"&gt;
          &lt;option *ngFor="let option of search_Master_cmbtest.ValidValues" [ngValue]="option"&gt;{{option.display}}&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>