Question

我想通过catergory对产品进行过滤，但我不知道该怎么做。

这是我的HTML

<tr ng-repeat="product in products | filter:search">

这是我的过滤器：

 <li role="presentation" ng-repeat="category in categories">
 <a ng-click="FILTER WITH CAT NAME">{{category.name}}</a>

这是我接收数据的控制器：

$http.get('http://localhost:3000/api/allProducts').
success(function(data, status, headers, config) {
    console.log('------------ ProductsCtrl', data);
    console.log(data);

    $scope.products = data.products;
    $scope.categories = data.category;

    $scope.productsLength = data.products.length;
}).
error(function(data, status, headers, config) {
    //
});

有人可以解释我该怎么做请我尝试了很多事情/次但对我来说没什么用......

感谢

Answer 1

我假设您的产品列表包含带有category属性的产品对象。为您的类别添加一个选择：

<select ng-model="selectedCategory" >
   <option ng-repeat="category in categories" value="{{category}}">{{category}}</option>
</select>

然后你可以过滤这样的产品：

<div ng-repeat="product in products | filter:category=selectedCategory">
  ...
</div>

具有动态内容Angularjs的动态过滤器

1 个答案: