title: Can't set the default value in the dropdown in template driven form
body: <pre><code>&lt;div class="container"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-xs-12 col-sm-10 col-md-8 col-sm-offset-1 col-md-offset-2"&gt;
        &lt;form #f="ngForm" (ngSubmit)="onSubmit(f)"&gt;
          &lt;div class="form-group" ngModelGroup="userdata" #userdata="ngModelGroup"&gt;
            &lt;label for="email" class="form-label"&gt;Email Id&lt;/label&gt;
            &lt;input name="email" type="email" class="form-control" ngModel email required #email="ngModel"/&gt;
            &lt;span *ngIf="!email.valid &amp;&amp; email.touched"&gt;Please enter a valid email id&lt;br/&gt;&lt;/span&gt;
            &lt;label for="subs" class="form-label"&gt;Subscription&lt;/label&gt;
            &lt;select name="subs" class="form-control" ngModel&gt;
              &lt;option value="basic"&gt;Basic&lt;/option&gt;
              &lt;option value="advanced"&gt;Advanced&lt;/option&gt;
              &lt;option value="pro"&gt;Pro&lt;/option&gt;
            &lt;/select&gt;
            &lt;label for="password" class="form-label"&gt;Password&lt;/label&gt;
            &lt;input type="password" class="form-control" name="password" ngModel required #password="ngModel"/&gt;
            &lt;span *ngIf="!password.valid &amp;&amp; password.touched"&gt;Please enter a valid password&lt;/span&gt;
          &lt;/div&gt;
          &lt;button class="btn btn-primary" type="submit"&gt;Submit&lt;/button&gt;
          &lt;div *ngIf="f.invalid &amp;&amp; f.touched"&gt;Please enter the corrrect data&lt;/div&gt;
        &lt;/form&gt;
  
        &lt;div class="row"&gt;
          &lt;div class="col-md-4"&gt;&lt;/div&gt;
        &lt;/div&gt;
  
  
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  
  
  
  
  
  
  import { Component,OnInit,ViewChild } from '@angular/core';
  import {NgForm} from '@angular/forms';
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
  })
  export class AppComponent implements OnInit{
      @ViewChild('f') userForm : NgForm;
  
      ngOnInit(){
          this.userForm.form.patchValue({
              userdata:{
                  subs:'advanced'
              }
          });
      }
  }
  </code></pre>
  
  <p>I have used these code to fetch the value from the user and put some some validations and all. I tried to fill the dropdown with a default value with the patchValue function.But it seems there is some issue here.
  Please help.</p>