title: Default value of select element angularJS
body: <p>I've seen other similar questions but none of the answers helped in my case.</p>
  
  <p>My controller loads an object and an array of an objects and I assign it to two variables.</p>
  
  <p>Array:</p>
  
  <pre><code>customers.getCustomers() //pobieram odpowiedniego klienta
                      .then(function successCallback(response){
                          $scope.klienci = response.data.data;
  
                          console.log('Klienci', $scope.klienci[0])
                      }, function errorCallback(response){
                          console.log('Nie załadowałem użytkownika:'+response.status);
                          console.log(response.statusText);
                  });
  </code></pre>
  
  <p>and single object:</p>
  
  <pre><code>customers.getCustomer($scope.serwis.id) //pobieram odpowiedniego klienta
                      .then(function successCallback(response){
                          $scope.customer = response.data;
                          console.log('Klient', response.data)
                      }, function errorCallback(response){
                          console.log('Nie załadowałem użytkownika:'+response.status);
                          console.log(response.statusText);
                  });
  </code></pre>
  
  <p>The first object in the array of an objects is exactly the same as the single object so:</p>
  
  <pre><code>$scope.klienci[0] === $scope.customer
  </code></pre>
  
  <p>to be specific:</p>
  
  <pre><code>$scope.klienci[0] == {__metadata: Object, id: 1, firstName: "Jan", lastName: "Kowalski", telephone: "123132132"}
  $scope.customer == {__metadata: Object, id: 1, firstName: "Jan", lastName: "Kowalski", telephone: "123132132"}
  </code></pre>
  
  <p>My html fragment is here:</p>
  
  <pre><code>&lt;select ng-model="customer.id" ng-options="klient.firstName for klient in klienci" class="form-control"&gt;&lt;/select&gt;
  </code></pre>
  
  <p>Firebug code:</p>
  
  <pre><code>&lt;select ng-model="customer.id" ng-options="klient.firstName for klient in klienci track by klient.id" class="form-control ng-pristine ng-valid ng-not-empty ng-touched"&gt;
  &lt;option value="?" selected="selected"&gt;&lt;/option&gt;
  &lt;option label="Jan" value="17"&gt;Jan&lt;/option&gt;
  &lt;option label="Thomas" value="18"&gt;Thomas&lt;/option&gt;
  &lt;option label="Stanislaw" value="19"&gt;Stanislaw&lt;/option&gt;
  &lt;option label="Katarzyna" value="20"&gt;Katarzyna&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>The first selection option is blank but if I use <code>ng-model="customer"</code> it will work but I won't be able to pass all the fields data in single <code>$scope.customer</code> object when saving.</p>
  
  <p>Thanks!</p>