javascript - 使用下拉菜单过滤 ng-repeat 而不复制下拉选项

Question

同样，我可以在 ng-repeat 中手动执行 filter: { category : 'Popular'}，我希望能够做同样的事情下拉菜单的事情。

我能够使基础知识发挥作用。我有两个问题:我不希望下拉列表中的类别重复，我希望在下拉列表中选择“热门”时能够看到所有归类为“热门”的内容。

这是我的 HTML:

<div ng-controller="SuperCtrl" class="row">
  <ul class="small-12 medium-12 columns">
    <select ng-model="find" ng-options="entry.category for entry in parsedEntries"><option value="">Select Category</option></select>.
    <li ng-repeat="entry in parsedEntries | filter: find">
      <strong>{{ entry.title }} </strong><br>
      {{ entry.description }}
   </li>
 </ul></div>

这是 Controller :

app.controller('SuperCtrl', ['$scope', '$http', function($scope,$http) {
var url = 'https://spreadsheets.google.com/feeds/list/1lZWwacSVxTD_ciOsuNsrzeMTNAl0Dj8SOrbaMqPKM7U/od6/public/values?alt=json'
var parse = function(entry) {
  var category = entry['gsx$category']['$t'];
  var description = entry['gsx$description']['$t'];
  var title = entry['gsx$title']['$t'];
  return {
    category: category,
    description: description,
    title: title
  };
}
$http.get(url)
.success(function(response) {
  var entries = response['feed']['entry'];
  $scope.parsedEntries = [];
  for (key in entries) {
    var content = entries[key];
    $scope.parsedEntries.push(parse(content));
  }
});
}]);

Answer 1

让它按照你想要的方式工作:

<select ng-model="find" ng-options="entry.category as entry.category for entry in parsedEntries | unique: 'category'">

unique过滤器来自 angular-filter .它需要添加 'angular.filter'你对你的模块依赖:

var app = angular.module('myApp', ['angular.filter']);

参见 fiddle

注意:这本身不是问题，但我使用了 <select> <ul> 中的元素一个。