title: AngularJS Filter Object Property
body: <p>My code is outputting:</p>
  
  <ul>
  <li>red </li>
  <li>green</li>
  </ul>
  
  <p>Using the model of <code>$scope.selected = '123'</code> how can I edit it to only output:</p>
  
  <ul>
  <li>red</li>
  </ul>
  
  <p>Here's my view:</p>
  
  <pre><code>  &lt;body ng-controller="MainCtrl"&gt;
      &lt;ul&gt;
        &lt;li ng-repeat="item in items"&gt;
          {{item.color}}
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/body&gt;
  </code></pre>
  
  <p>Here's my controller:</p>
  
  <pre><code>var app = angular.module('plunker', []);
  
  app.controller('MainCtrl', function($scope) {
    $scope.selected = '123';
    $scope.items = {
      '123': {
        color: 'red',
        quantity: 3
      },
      '456': {
        color: 'blue',
        quantity: 7
      }
    };
  });
  </code></pre>
  
  <p>I tried using a filter with <code>selected</code> but didn't have any luck.</p>