多次元配列にangle ng-repeatを使用しています

Question

私は現在ゲームに取り組んでおり、NG繰り返しを使用してdivやdivを動的に追加しようとしています。たとえばゲームのクエストへの答えが「クリーンシート」だった場合、正しい数の列を作るためにNG-Repeatが必要なので、__ __ __ __ __ space __ __ __ __ __それらを埋めることができます。私の$ scope.mainWordHolderがあり、この時点で

try{ 
//in this example presume $stateParams.answer is "clean sheet" 

var answerArr = $stateParams.answer.toString().split(' '); 
var finalLines = ""; 
$scope.mainWordHolder = []; 

angular.forEach(answerArr, function(value, key) { 
    var amt = value.length; 

    $scope.amtofLetters=[]; 
     for (var i=0; i<amt; i++) { 
      $scope.amtofLetters.push(i); 
     } 
     $scope.mainWordHolder.push($scope.amtofLetters); 
     $scope.amtofLetters = []; 
}); 

console.log($scope.mainWordHolder); 
}catch(e){console.log("error : "+ e);} 

：アイブ氏は現在、これを書いた

私はので、私は、各単語のために必要とされるどのように多くの文字を知ってほしいまさにある

[ [ 0, 1, 2, 3, 4 ], [ 0, 1, 2, 3, 4 ] ] 

。どのようにng-repeatを使ってこれをdivとして表示すれば、キーボードを作成して他の人気ゲームのようにキーを入力することができます。

アイブ氏は、この試みた：

<div class="row"> 
<div ng-repeat="content in answerArr" class="col"> 
     <div ng-repeat="contentt in mainWordHolder" class="col"> 

     </div> 
</div> 
</div> 

をしかし、私はいくつかの理由のために何を取得します。どんな助けもありがたい。

Answer 1

ng-repeatにanswerArrを参照しようとしていますが、answerArrはスコープには格納されていません。

ng-repeat="content in answerArr"を使用する場合は、answerArrをHTMLにアクセスできるようにスコープに格納する必要があります。

ng-repeatを介して内容にアクセスできるように、範囲内にanswerArrを保存してください。

Answer 2

配列全体（外側）の配列を表す 'content'を反復処理する必要があります。これを試してみてください：

<div class="row"> 
<div ng-repeat="content in answerArr" class="col"> 
     <div ng-repeat="contentt in content" class="col"> 

     </div> 
</div> 
</div>