javascript - 从AngularJS Controller 中的嵌套json获取父数据

标签 javascript json angularjs

作为我的标题,我想从嵌套的 json 中获取父数据。
我知道如何在 HTML 中做到这一点。我想知道如何在 Controller 中做到这一点。

这是我的嵌套 json 指令

.factory('dataFac', function(){
return {
    parents : [{
        name: 'George',
        age: 44,
        children: [{
            name: 'Jack',
            age: 16
        },{
            name: 'Amy',
            age: 13
        }]
    }, {
        name: 'Jimmy',
        age: 38,
        children: [{
            name: 'Max',
            age: 7              
        },{
            name: 'Lily',
            age: 5
        },{
            name: 'Kim',
            age: 4
        }]
    }]
}})

Controller
.controller('dataCtrl', function($scope, $location, dataFac) {
  $scope.data = dataFac.parents;

  //here I'd like to get name of parents
  $scope. = ;

  //here I'd like to get name of children
  $scope. = ;

  //and when I get the data of the children, I can get their parents' name
  $scope. = ;

  console.log($scope.navbars.id);

  $scope.isActive = function(route) {
      return route === $location.path();
  };})

感谢有人可以提供帮助。

最佳答案

您可以使用 angularjs 中的 forEach 函数并循环遍历 json 数据来获取 parent 的姓名和 child 的姓名。

这是代码

app.controller('myController', function($scope, dataFac) {
 $scope.data = dataFac.parents;
 $scope.parentsName = [];
 $scope.childName = [];
//here I'd like to get name of parents

 angular.forEach(dataFac.parents, function(parent) {
    $scope.parentsName.push({
     name: parent.name
    });
     angular.forEach(parent.children, function(child) {
      //here I'd like to get name of children

      $scope.childName.push({
       childName: child.name,
       parentName: parent.name
      });
    });
 });
});

更新:
如果需要,将父名称推送到子数组中并从那里访问它。

这是带有代码的工作插件

http://embed.plnkr.co/9HCJy554oTSKxrdtiNR4/preview

希望这可以帮助!

关于javascript - 从AngularJS Controller 中的嵌套json获取父数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30315881/

相关文章:

javascript - 使用 AngularJS 在应用程序加载时将用户导航到登录或其他页面

javascript - 从任意字符串生成图像

javascript - 均值堆栈中的Angular html5模式

php - Android json php mysql 只返回单行

AngularJS - 在使用 moment.js 的 Controller 上进行单元测试

javascript - 如何在ng-grid中创建菜单

javascript - jQuery与多个slideToggle

javascript - 从页面重定向到 dojo View

javascript - 传单没有用 geojsonFeatures 标记点?

java - jackson API的实现