Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/363.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从多个数组对对象进行分组?_Javascript_Arrays_Angularjs - Fatal编程技术网

Javascript 从多个数组对对象进行分组?

Javascript 从多个数组对对象进行分组?,javascript,arrays,angularjs,Javascript,Arrays,Angularjs,我正在将子对象与父对象分组。我有一个简短的工作示例 它工作得很好,我理解在一个数组中嵌套对象的原理。现在我想使用两种不同的作用域数组。 公司(母公司)-工人(子公司)示例: $scope.parent = [{id: 1, name: "Nike", productOf:"USA"}] $scope.child = [{ id:1, firstName:"John", lastName:"Doe" }, { id:2, firstName:"John2", las

我正在将子对象与父对象分组。我有一个简短的工作示例

它工作得很好,我理解在一个数组中嵌套对象的原理。现在我想使用两种不同的作用域数组。 公司(母公司)-工人(子公司)示例:

$scope.parent = [{id: 1, name: "Nike", productOf:"USA"}]
$scope.child = [{ id:1, firstName:"John", lastName:"Doe" },
                { id:2, firstName:"John2", lastName:"Doe2" },
                { id:3, firstName:"John3", lastName:"Doe3" }
]
我真的试着自己做这件事,我读了很多文章,但我没有找到我需要的

有人能给我一个提示做什么,或一篇文章的链接吗?
谢谢大家!

我认为您需要在子范围中使用一个引用父索引,比如

$scope.parent = [{id: 1, name: "Nike", productOf:"USA"},
                 {id: 2, name: "Fila", productOf:"CH"},
                 {id: 3, name: "BLA", productOf:"UK"}]
$scope.child = [{ id:1, firstName:"John", lastName:"Doe", pid:1},
                { id:2, firstName:"John2", lastName:"Doe2", pid:2 },
                { id:3, firstName:"John3", lastName:"Doe3", pid:3 }

]

我认为您需要在子范围中使用一个参考父索引,例如

$scope.parent = [{id: 1, name: "Nike", productOf:"USA"},
                 {id: 2, name: "Fila", productOf:"CH"},
                 {id: 3, name: "BLA", productOf:"UK"}]
$scope.child = [{ id:1, firstName:"John", lastName:"Doe", pid:1},
                { id:2, firstName:"John2", lastName:"Doe2", pid:2 },
                { id:3, firstName:"John3", lastName:"Doe3", pid:3 }

]

无论如何,您必须在workers数组中具有指向公司的映射字段,然后才能在ng repeat中使用

$scope.workers = [
        { id:1, companyId:1, firstName:"John", lastName:"Doe" },
        { id:2, companyId:2, firstName:"John2", lastName:"Doe2" },
        { id:3, companyId:3, firstName:"John3", lastName:"Doe3" },
Html:



请参见

上的示例无论如何,您必须在workers数组中具有指向公司的映射字段,然后才能在ng repeat中使用

$scope.workers = [
        { id:1, companyId:1, firstName:"John", lastName:"Doe" },
        { id:2, companyId:2, firstName:"John2", lastName:"Doe2" },
        { id:3, companyId:3, firstName:"John3", lastName:"Doe3" },
Html:


根据您的物品,请参见上的示例:

  • 查看文件
  • 根据你的建议:

  • 查看文件

  • 输出应该是什么?输出应该与Plunker上现在的输出相同。这是一个赋值。我看不到父项和子项之间有任何关系(公共值)。我应该做点什么歐津柏 说。子id指向父id。输出应该是什么?输出应该与Plunker上现在的输出相同。这是一个赋值。我看不到父项和子项之间有任何关系(公共值)。我应该做点什么歐津柏 说。子id指向父id。这正是我需要的!这正是我需要的!
      $scope.parentObj = [
                     {id: 1, name: "Nike", productOf:"USA"},
                     {id: 2, name: "Fila", productOf:"CH"},
                     {id: 3, name: "BLA", productOf:"UK"}
                     ]
    
      $scope.childObj = [
    
                { id:1, firstName:"John", lastName:"Doe", parent:1},
                { id:2, firstName:"John2", lastName:"Doe2", parent:1 },
                { id:3, firstName:"John3", lastName:"Doe3", parent:1 },
                { id:1, firstName:"John4", lastName:"Doe4" , parent:2},
                { id:2, firstName:"John5", lastName:"Doe5", parent:2 },
                { id:3, firstName:"John6", lastName:"Doe6", parent:2 },
                 { id:1, firstName:"John7", lastName:"Doe7", parent:3 },
                { id:2, firstName:"John8", lastName:"Doe8", parent:3 },
                { id:3, firstName:"John9", lastName:"Doe9", parent:3 }
    
                ]
    
    });