在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>