如何傳遞參數以篩選AngularJS中的結果

我有類別和子類別鏈接到範圍變量中的類別。嘗試使用此數據創建表格。如何傳遞參數以篩選AngularJS中的結果

<table> 
    <tr ng-model = "SelectedCategory" ng-repeat="x in Categories | filter:{mapid: SelectedSuperCategory.id}:true"> 
     <td>{{ x.name }}</td> 
     <br> 
     <td>{{ x.id }}</td> 



     <td> 
     <table> 
      <tr ng-repeat="y in SubCategories | filter:{mapid: {{ x.id }} }:true"> 
       <td>{{ y.name }}</td> 

      </tr> 
     </table> 
     </td> 

    </tr> 
</table>

我在傳遞子類別過濾器中的categoryid時遇到了麻煩。

有人可以幫助我嗎？

類別數據

[ 
    { 
     "name": "Baby Food", 
     "id": "200", 
     "image": "/images/categories/baby-care.png", 
     "mapid": "2" 
    }, 
    { 
     "name": "Baby Bath", 
     "id": "201", 
     "image": "/images/categories/baby-care.png", 
     "mapid": "2" 
    }, 
    { 
     "name": "Baby diapers", 
     "id": "202", 
     "image": "/images/categories/baby-care.png", 
     "mapid": "2" 
    }, 

    { 
     "name": "Dairy Products", 
     "id": "503", 
     "image": "/images/categories/baby-care.png", 
     "mapid": "5" 
    }, 
    { 
     "name": "Others2", 
     "id": "101", 
     "image": "/images/categories/others.png", 
     "mapid": "3" 
    }, 
    { 
     "name": " Bread", 
     "id": "501", 
     "image": "/images/categories/dairy-products.png", 
     "mapid": "5" 
    }, 
    { 
     "name": "Beverages", 
     "id": "103", 
     "image": "/images/categories/beverages.png", 
     "mapid": "23" 
    }, 
    { 
     "name": "Bakery", 
     "id": "502", 
     "image": "/images/categories/others.png", 
     "mapid": "5" 
    }, 
    { 
     "name": "Others2", 
     "id": "105", 
     "image": "/images/categories/others.png", 
     "mapid": "23" 
    } 
]

子目錄數據

[ 
    { 
     "name": "Milk", 
     "id": "5000", 
     "image": "/images/categories/baby-care.png", 
     "mapid": "503" 
    }, 
    { 
     "name": "Cheese", 
     "id": "5001", 
     "image": "/images/categories/baby-care.png", 
     "mapid": "503" 
    }, 
    { 
     "name": "Paneer", 
     "id": "5002", 
     "image": "/images/categories/baby-care.png", 
     "mapid": "503" 
    }, 

    { 
     "name": "Baby Care", 
     "id": "100", 
     "image": "/images/categories/baby-care.png", 
     "mapid": "5" 
    }, 
    { 
     "name": "Others2", 
     "id": "101", 
     "image": "/images/categories/others.png", 
     "mapid": "3" 
    }, 
    { 
     "name": " Bread, Bakery & Dairy Products", 
     "id": "102", 
     "image": "/images/categories/dairy-products.png", 
     "mapid": "5" 
    }, 
    { 
     "name": "Beverages", 
     "id": "103", 
     "image": "/images/categories/beverages.png", 
     "mapid": "23" 
    }, 
    { 
     "name": "Others", 
     "id": "104", 
     "image": "/images/categories/others.png", 
     "mapid": "5" 
    }, 
    { 
     "name": "Others2", 
     "id": "105", 
     "image": "/images/categories/others.png", 
     "mapid": "23" 
    } 
]

來源

2015-03-31 Devesh Agrawal

請發表您的類別/子類別的數據結構，在您的文章JSON。（並且使用比x和y更有意義的變量名稱還可以幫助其他人理解您的代碼） – Reto 2015-03-31 08:07:34

你不需要在過濾器內插你的類ID時，NG-重複使得它可以作爲一個範圍變量。

所以不是

<tr ng-repeat="y in SubCategories | filter:{mapid: {{ x.id }} }:true">

使用

<tr ng-repeat="y in SubCategories | filter:{mapid: x.id}:true">

來源

2015-03-31 08:19:21 kasoban

如何傳遞參數以篩選AngularJS中的結果

回答

相關問題