如何在ng

如何在ng,第1张

如何在ng

在ng-repeat中调用函数与普通函数相同。由于您需要在页面加载时显示子类别,因此最好事先获取这些数据。异步加载子类别将不适合这种情况。

这是实现此目的的简短代码段(JS Fiddle)

<div ng-app="app" ng-controller="ctrl">    <div ng-repeat="category in model.categories"> <span> Category: {{ category.name }} </span>      <p ng-repeat="subCategory in getSubCategories(category.Id)">{{ subCategory.name }}</p>   </div></div>

控制者

angular.module("app", []).controller('ctrl', ['$scope', function ($scope) {$scope.model = {    categories: [{        "Id": 1,        name: '1'    }, {        "Id": 2,        name: '2'    }],    subCategories: [{        "parentId": 1,        name: 'a1'    }, {        "parentId": 1,        name: 'a2'    },        {        "parentId": 2,        name: 'a3'    }]}$scope.getSubCategories = function(parentId){    var result = [];    for(var i = 0 ; i < $scope.model.subCategories.length ; i++){        if(parentId === $scope.model.subCategories[i].parentId){ result.push($scope.model.subCategories[i]); }    }    console.log(parentId)    return result;}}])


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/4944761.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-13
下一篇 2022-11-13

发表评论

登录后才能评论

评论列表(0条)

保存