如何在ng-repeat中正確使用變量名稱？

Question

HTML：

<ul> 
    <li ng-repeat="comic in comiclist"> 
    <span>{{ comic.title }} : {{comic.id}}</span> 
    <div > 
     <img ng-src="{{comic.thumbnail.path}}.{{comic.thumbnail.extension}}"/> 
    </div>   
    <div> 
     <ul> 
     <li ng-repeat="character in charlist + {{comic.id}}">  
      <span>{{character.name}}</span> 
     </li> 
     </ul> 
    </div> 
    </li> 
</ul> 

JS與角

var App = angular.module('MarvelApp', []); 
    App.controller('MainController', function($scope,$window, $http) { 
     $scope.GetSeries = function(){ 
     $http.get('http://gateway.marvel.com/v1/public/series?') 
     .then(function(response){ 
     $scope.serieslist = response.data.data.results; 
     }); 
     }; 
    $scope.GetComics = function(){ 
     $http.get('http://gateway.marvel.com/v1/public/series/' + $scope.selectedseries + '/comics?') 
     .then(function(response){ 
      $scope.comiclist = response.data.data.results; 
     }); 
     //comic in comiclist contains comic.id 
     //which needs to go to GetCharacter() 
    } 
    $scope.GetCharacter = function(comicid){ 
     $http.get('http://gateway.marvel.com/v1/public/comics/' + comicid + '/characters') 
     .then(function(response){ 
      $scope.['charlist' + comicid] = response.data.data.results; 
     //this list needs to be displayed in the second ng-repeat 
     }); 
    }; 
    }); 

我想獲得字符列表中正確的div來顯示。我之前是如何設置它的（沒有$scope.['charlist' + comicid]），它也覆蓋了其他的ng-repeats。

另外，無論何時調用GetComics()，它都會自動執行。

Answer 1

我不認爲$scope.[]是有效的語法（除非我錯過了一個漂亮的技巧）。

而應該名下$scope類似的 「關聯數組」：

$scope.charlist[comicid] = ... ; 

你ng-repeat然後將類似：

<li ng-repeat="character in charlist[comic.id]"> 

編輯正如評論所說，$scope.charlist必須在上述線路可以使用之前定義。這可以在幾個方式發生：

1. 請檢查您設置它之前：if(!$scope.charlist) $scope.charlist = [];

2. 與$scope.charlist = [];

當然某處定義它的控制器有任何數量的你可以做到這一點，但這些使我相信最有意義，其中第一個捕獲無效狀態，即如果由於某種原因$scope.charlist設置爲null它會創建一個新的「關聯陣」。