title: ERROR TypeError: Cannot read property 'label' of undefined
body: <p>On coding with angular 6 showing "ERROR TypeError: Cannot read property 'label' of undefined" error in console.<br>
  The error from console is <a href="https://i.stack.imgur.com/xekgo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xekgo.png" alt="here"></a></p>
  
  <p>And the code from my form is showing below </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>                      &lt;div class="row"&gt;
                            &lt;!-- &lt;div class="col-md-6"&gt; --&gt;
                                
                                &lt;div class="col-md-6"&gt;
                                      &lt;mat-form-field &gt;
                                              &lt;textarea matInput placeholder="Description" ngModel name="address" #address='ngModel' [ngModel]="des"&gt;&lt;/textarea&gt;
                                          &lt;/mat-form-field&gt;
                                &lt;/div&gt;
                                
                            &lt;!-- &lt;/div&gt; --&gt;
                            
                            &lt;div class="col pull-right"&gt;
                                &lt;div class="row"&gt;
                                &lt;div class="col-md-2 pull-right"&gt;&lt;strong&gt;Priority&lt;/strong&gt;&lt;/div&gt;
                                &lt;div class="col-md-4"&gt;
                                  &lt;mat-slider thumbLabel #priority name="priority" type="number" min="1" max="5" step="1" value="{{priority_id}}" [(ngModel)]="priority.value" &gt;&lt;/mat-slider&gt;
                                &lt;/div&gt;
                                
                                  &lt;div class="badge badge-pill badge-secondary badge-priority"&gt;
                                      {{priority.value}}
                                   &lt;/div&gt;
                                  &lt;/div&gt;
  
                        &lt;div class="row"&gt;    
                              &lt;div class="col-md-2"&gt;&lt;strong&gt;Severity&lt;/strong&gt;&lt;/div&gt;
                              &lt;div class="col-md-4"&gt;
                              &lt;mat-slider thumbLabel  #severity name="severity" min="1" max="5" step="1" value="{{severity_id}}" [(ngModel)]="severity.value" &gt;&lt;/mat-slider&gt;
                      &lt;/div&gt;
  
                        &lt;div class="badge badge-pill badge-secondary badge-priority"&gt;
                            {{severity.value}}
                         &lt;/div&gt;
                    
                    &lt;/div&gt;
                  &lt;/div&gt; &lt;/div&gt;
                      &lt;div class="col-md-4 pull-right"&gt;
                          &lt;mat-form-field&gt;
                            &lt;mat-label&gt;Job Type&lt;/mat-label&gt;
                            &lt;select matNativeControl ngModel name="type_id" #type_id='ngModel' #type_id
                                           [(ngModel)]="t_id" [value]="type"&gt;
                                      &lt;option *ngFor="let job of jobtype" value="{{job.id}}"&gt;{{job.type}}&lt;/option&gt;&lt;/select&gt;
                          &lt;/mat-form-field&gt;
                        &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>