在angularjs中ng-repeat的动态模型名称

Question

我正在使用带有django的angularjs。在我的html页面，我做了以下内容：

<div ng-repeat="loc in locations" ng-init="locIndex = $index" ng-show="tab===1"> 
    Id: {[{loc[0]}]} 
    Location Name: {[{loc[1]}] 
</div> 

现在，我很感兴趣，做的是：

<div ng-repeat="loc in locations" ng-show="tab===1"> 
    Id: {[{loc[0]}]} 
    Location Name: {[{loc[1]}] 
</div> 
<div ng-repeat="cloc in childLocation{[{loc[0]}]}"> 
    Child Id:{[{loc[0]}]} 
    Child Location Name: {[{loc[1]}] 
</div> 

在app.js，我将初始化childlocations当用户会点击父母的位置

$scope.getChildLocations=function(locationId){ 
     $http({ 
      method: "get", 
       url: '/get_child_locations?locationId='+locationId, 
      }).success(function(data, status) { 
        childLocation='childLocation'+location 
        $scope.childLocation=data; 
      }); 
    } 

是否可以这样做。如果是的话，我如何得到这个错误..

Answer 1

你收到一个错误，因为loc没有定义在你的第二个ng-repeat，因为它没有嵌套。

尝试：

<div ng-repeat="loc in locations" ng-show="tab===1"> 
    Id: {[{loc[0]}]} 
    Location Name: {[{loc[1]}] 
    <div ng-repeat="cloc in childLocation{[{loc[0]}]}"> 
     Child Id:{[{loc[0]}]} 
     Child Location Name: {[{loc[1]}] 
    </div> 
</div>