我刚刚开始和Angular一起玩,而我在这里很难理解某些事情.我想建立一个属于不同类别的产品列表.有些产品属于同一类别,如下所示:
$scope.products = [ {'name': 'Product 1','cat':'Cat 1'},{'name': 'Product 2','cat':'Cat 2'},{'name': 'Product 3',{'name': 'Product 4','cat':'Cat 3'},{'name': 'Product 5',{'name': 'Product 6',];@H_502_12@我能够创建一个< select>由于AngularUI的独特过滤器,它可以合并相同的类别以避免重复.这是代码:
<select ng-model="query" ng-options="c.cat for c in products | unique:'cat'"> <option value="0">Default</option> </select> <ul> <li ng-repeat="c in products | filter:query"> {{c.name}} </li> </ul>@H_502_12@我想根据我选择的类别在列表中显示结果.但是当我尝试这样做时,列表中返回的唯一产品将是该类别中的第一个产品.我用我的问题创建了一个小提琴:http://jsfiddle.net/F7Hvq/3/.
任何帮助将非常感激!