title: Angular2 value not selected in dropdown
body: <p>I am unable yo figure out that what I am doing wrong actually I want to get value of dropdown to be selected in my form. I am using template driven form as :</p>
  
  <pre><code> &lt;select class="form-control" id="role"
                                          required
                                          [(ngModel)]="user.role" name="role"
                                          #role="ngModel"&gt;
                                  &lt;option *ngFor="let user_role of user_roles" [ngValue]="user_role"&gt;{{user_role.display_name}}&lt;/option&gt;
                                  &lt;/select&gt;
  
  
  
   this.user = new User(user_details.name,user_details.email,user_details.roles[0],user_details.is_confirmed,'','',user_details.image);
  </code></pre>
  
  <p><strong>this is user_details.roles[0] :</strong></p>
  
  <pre><code>[
    {
      "id": 1,
      "name": "admin",
      "display": "Administrator",
      "pivot": {
        "user_id": 6,
        "role_id": 1
      }
    }
  ]
  </code></pre>
  
  <p>I am unable to figure out whats the issue why the value is not been selected. As per my investigation I am sure that this is due to "pivot" object inside [0] key but how i can handle this, I tried without "pivot" and it worked fine.</p>