title: angularjs select box values based on another select box
body: <p>My data structure is </p>
  
  <pre><code>$scope.selectedNotification = {};
  
  $scope.metricTypes = [{"metric":"storage","units":["%","MB","GB","TB","PB"]},{"metric":"memory","units":["PB","EB","YB"]},{"metric":"vcores","units":["vcores"]}];
  </code></pre>
  
  <p>My HTML is</p>
  
  <pre><code>&lt;select ng-model="selectedNotification.metricType" ng-options="metricType.metric as metricType.metric for metricType in metricTypes"&gt;&lt;/select&gt;
  
  &lt;select ng-model="selectedNotification.unit" ng-options="unit for unit in (select as metricType.units for metricType in ( metricTypes | filter: {metric: selectedNotification.metricType }))"&gt;&lt;/select&gt;
  </code></pre>
  
  <p>I want to show the values for units select box based on the metric type selected. I need help with this.</p>