title: How to combine multiple object properties in select ng-options angular
body: <p>I want to display both the text and number in my select options. JSON has different properties for text and number and I need to combine them and display in select options value by default.</p>
  
  <p>Expected Output:
  000.000.0001 - Chicago</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html ng-app="plunker" &gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;AngularJS Plunker&lt;/title&gt;
    &lt;link rel="stylesheet" href="style.css"&gt;
    &lt;script&gt;document.write("&lt;base href=\"" + document.location + "\" /&gt;");&lt;/script&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.js"&gt;&lt;/script&gt;
    &lt;script src="app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-controller="MainCtrl"&gt;  
    &lt;select ng-model="model.selected" ng-options="item.ID as item.Title for item in items"&gt;&lt;/select&gt;
    &lt;p&gt;Selected: {{model.selected}}&lt;/p&gt;  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>var app = angular.module('plunker', []);
  
  app.controller('MainCtrl', function($scope) {
    $scope.items = [
         {ID: '000.000.0001', Title: 'Chicago'},
         {ID: '000.000.0002', Title: 'New York'},
         {ID: '000.000.0003', Title: 'Washington'}
      ];  
  });
  </code></pre>