Question

我从opencart类别和产品的主页填充了sidemenu，但我仍然坚持展示特定类别的某些产品。

即当我点击“PC＆＃39;侧面菜单，正确的页面应该加载产品在PC＆＃39; PC＆＃39;动态。

在此代码段中，我填充了指向静态页面的菜单＆page; Page1.html＆＃39;

<ons-list class="menu-list">
<!-- Enter menu items here -->
<ons-list-item ng-repeat="category in category" class="menu-item" ng-click="menu.setMainPage('page1.html', {closeMenu: true})">
{{category.Category_Name}}
</ons-list-item>
</ons-list>

在此代码段中，我填充了该页面中的所有产品＆＃39; page1.html＆＃39;

<li ng-repeat="product in getCurrentPage()">
<ul class="cd-item-wrapper">
<li class="cd-item-front"><a ng-click="showDetails(product);"><img ng-src="http://localhost/oc/image/{{product.Imageo}}" height=250px width=100% alt="Preview image"></a>
</li>

JSON（一个用于产品，另一个用于类别）数据的category_id链接了类别及其各自的产品。

这是我的完整学习项目http://codepen.io/ranjith_varadan/pen/LERLpe

的代码

任何帮助将不胜感激。谢谢你们。

更新3：我尝试用我的程序执行此操作，但我不知道从哪里开始，仍然在努力。 http://plnkr.co/edit/MgltNXw0x2KWcmWm6QeA?p=preview

Answer 1

我发现了如何根据类别ID

过滤产品

在HTML中

...
<li ng-repeat="product in products|categorySelector:categoryID">
...

在JS中

    ...
    module.filter('categorySelector', function(){

        return function(products, id){

            var returnProduct = [];        
            for (var i=0; i<products.length; i++){
                if (products[i].Category_Id == id) {
                    returnProduct.push(products[i]);
                }
            }

            return returnProduct;
        };
    });
...
$scope.showProducts = function(Category_ID) {
          $scope.categoryID = Category_ID;
          $scope.slidingMenu.setMainPage('page1.html',{closeMenu:true});
        };
    ...

查看我的新分叉代码集http://codepen.io/ranjith_varadan/pen/xbEPyj

显示基于sidemenu Onsen-UI的产品

1 个答案: