2016-04-26 89 views
0

我有一個問題,按dropdownlist選擇的類別過濾我的數據。AngularJS過濾器的下拉列表

這裏看起來像我的控制器:

var category = { 
    "Dairy": 1, 
    "Bread": 2, 
    "Drink": 3, 
    "Spices": 4, 
    "Meat": 5 
} 


$scope.categories = [ 
    { text: "All", value: 0 }, 
    { text: "Dairy", value: 1 }, 
    { text: "Bread", value: 2 }, 
    { text: "Drink", value: 3 }, 
    { text: "Spices", value: 4 }, 
    { text: "Meat", value: 5 } 
]; 


$scope.products = [ 
    { name: "Milk", value: 3.28, avaible: true, expireDate: "2016-04-29", category: category.Dairy }, 
    { name: "Serek wiejski", value: 1.28, avaible: false, expireDate: "2016-04-26", category: category.Dairy }, 
    { name: "Coca-cola", value: 6.98, avaible: true, expireDate: "2017-04-29", category: category.Drink }, 
    { name: "Corn", value: 0.99, avaible: true, expireDate: "2016-09-19", category: category.Spices }, 
    { name: "Ham", value: 9.00, avaible: true, expireDate: "2016-04-29", category: category.Meat }, 
    { name: "Bread", value: 3.78, avaible: true, expireDate: "2016-04-29", category: category.Dairy } 
]; 

這裏是HTML

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

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

後,我改變下拉列表的值的產品沒有被過濾。只爲id = 5,它按預期工作。

是條件product.category = selectedCategory錯?

回答

1

試試這個

<div ng-repeat="product in products | filter:{category:selectedCategory}"> 
+0

一個工作謝謝:) – miechooy