栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何在ng

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何在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;}}])


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/383418.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号