title: Angular select and ng-options
body: <p>I have this angular select:</p>
  
  <pre><code>&lt;select ng-model='obj.status' ng-options='status.code as (status.code + " " + status.phrase) for status in status_codes.data track by status.code'&gt;`
  </code></pre>
  
  <p>My <code>$scope.status_codes</code> is like this:</p>
  
  <pre><code>data: [
  {
         "code":"100",
         "phrase":"...",
         "spec_title":"RFC7231#6.2",
         "spec_href":"http://tools.ietf.org/html/rfc7231#section-6.2"
  }
  ...
  ]
  </code></pre>
  
  <p>My <code>$scope.obj.status</code> is updated to "300" or "100" or whatever as I change my select, but the select display is always blank.  So, the model updates to the selected value of the select input but the input does not show the currently selected value, it shows a blank item.</p>
  
  <p>If i change ng-options to be <code>ng-options='status as (status.code ...'</code> it works, but I only want status.code in my model, not the whole status array.  What gives?</p>
  
  <p>I have <code>{{obj | json }}</code> in my HTML and it reads:</p>
  
  <pre><code>obj = {
    "name": "",
    "description": "",
    "payload": "",
    "status": "200",
    "responseHeaders": {
      "entry": [
        {
          "key": "",
          "value": ""
        },
        {
          "key": "",
          "value": ""
        }
      ]
    }
  }
  </code></pre>