嵌套控制器和指令范围angular度

我有一个问题,在我的Angular代码中传递控制器和指令之间的一些参数。 这里是angular部分:

<span ng-controller="ListChildren"> <v-accordion class="vAccordion--default" style="width:80%; margin: auto"> <v-pane ng-repeat="child in children"> <v-pane-header> </v-pane-header> <v-pane-content> <span> <a href="/#/activity/{{child._id}}" class="btn btn-warning btn-block badge" ng-style="{'background-color' : child.color, 'color' : child.colorTitle, 'border-color' : child.colorBorder}" ng-class="{'pulsation' : pulse , 'nonpulsation' : !pulse}" ng-init="pulse = false"> {{child.title}} <span class="badge" ng-style="{'background-color' : child.colorSupport, 'color' : child.colorFont}">Current: {{counter | secondsToHHmmss }}</span> <span class="badge" ng-style="{'background-color' : child.colorSupport, 'color' : child.colorFont}">Total: {{child.totalTime | secondsToHHmmss }}</span> </a> <a ng-click="toggle =!toggle; $parent.pulse = !$parent.pulse; toggleTimer()" ng-class="{'glyphicon glyphicon-pause' : toggle , 'glyphicon glyphicon-play-circle' : !toggle}"></a> <a href="/#/activity/delete/{{child._id}}" class="glyphicon glyphicon-trash"></a> </span> </v-pane-content> </v-pane> </v-accordion> </span> 

在“ListChildren”控制器之外,我有另一个控制器(父?),将条目填充到HTML页面。 当儿童存在时,“ListChildren”控制器将把孩子添加到这些条目中的每一个。 实质上,有两个嵌套ng-repeat语句正在进行。 为了查询孩子,“ListChildren”使用这样一个终点:

 app.controller('ListChildren',['$scope','$rootScope','$resource','$location', '$routeParams', function($scope, $rootScope, $resource, $location, $routeParams){ var Activities = $resource('/api/activities/children/:id', {id: '@_id'}); Activities.query(function(activities){ $scope.children = activities; $rootScope.children = activities; }); }]); 

最后, <v-accordion>指令用于在子集合上实现折叠展开function。 我用基本的HTMLtesting了它,所以它似乎工作。

问题是,当我尝试使用终点时,这不起作用。 也就是说,当我在浏览器中testing孩子的一些入口的终点时,我得到一个JSON; 但是,在我的应用程序中,没有孩子显示,我得到以下错误:

GET http:// localhost:3000 / api / activities / children 500(内部服务器错误)

我怀疑是不知何故,我误解了这些控制器和指令的范围。

PS我尝试插入ng-controller="ListChildren"语句到<v-accordion>标记,但是这给我一个错误的指令和控制器试图每个使用独立的范围。