title: Angular ui-select: How to bind only selected value to ng-model
body: <pre><code>$scope.property = new Property();
  $scope.property.propertyType = {};
  
  $scope.propertyTypes = [
      { value: 'ResidentialPlot', name: 'Residential Plot' },
      { value: 'CommercialPlot', name: 'Commercial Plot' },
      { value: 'Apartment', name: 'Apartment/Flat' },
      { value: 'Townhouse', name: 'Townhouse' },
      { value: 'House', name: 'Single Family House' },
      { value: 'Commercial', name: 'Commercial Property' }
  ];
  
  &lt;label for="ptype" class="col-sm-2 control-label"&gt;Property Type&lt;/label&gt;
  &lt;p&gt;Populated: {{property.propertyType}}&lt;/p&gt;
  &lt;ui-select ng-model="property.propertyType" id="ptype" theme="selectize" ng-disabled="disabled" style="width: 300px;" title="Choose Property Type"&gt;
      &lt;ui-select-match placeholder="Select a Property Type"&gt;{{$select.selected.value}}&lt;/ui-select-match&gt;
      &lt;ui-select-choices repeat="propType in propertyTypes"&gt;
          &lt;span ng-bind-html="propType.name"&gt;&lt;/span&gt;
          &lt;small ng-bind-html="propType.value"&gt;&lt;/small&gt;    
  &lt;/ui-select-choices&gt;
  </code></pre>
  
  <p>This gives me: </p>
  
  <pre><code>$scope.PropertyType = {"value":"Apartment","name":"Apartment/Flat"}
  </code></pre>
  
  <p>PropertyType in my schema is just a string so I want to bind selected value instead of selected JSON Item.</p>
  
  <pre><code>$scope.PropertyType = "Apartment"
  </code></pre>
  
  <p>What should I bind to my ng-model to get this?</p>