Javascript 多维阵列的角ng重复

我目前正在开发一个游戏，并尝试使用NG repeat动态添加div，具体取决于后者和单词的数量。因此，例如，如果游戏中一个问题的答案是“不失球”，那么我希望NG Repeat生成正确数量的列，这样它会说“空间”，然后用户可以填充它们。我现在写的是：

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);}

这正是我想要的，所以我知道每个单词需要多少个字母。如何使用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>

---

但我什么也得不到。感谢您的帮助。

您似乎试图在

ng repeat

中引用

answerArr

，但

answerArr

未存储在作用域中

当您使用

ng repeat=“content in answerArr”

时，

answerArr

需要存储在作用域中，以便在HTML中访问

---

尝试将

answerArr

存储在您的作用域上，以便能够通过

ng repeat

访问其内容看起来您试图在

ng repeat

中引用

answerArr

，但

answerArr

未存储在作用域上

当您使用

ng repeat=“content in answerArr”

时，

answerArr

需要存储在作用域中，以便在HTML中访问

---

尝试在您的作用域上存储

answerArr

，以便能够通过

ng repeat

访问其内容。您需要迭代表示整个数组（外部数组）中数组的“内容”。试试这个：

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

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

---

您需要迭代表示整个数组（外部）中的数组的“内容”。试试这个：

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

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

谢谢，我错过了，现在只是将它们列为行，而不是列为行。你能用代码的当前状态更新问题吗？如果做了任何更改，很难找出问题所在。谢谢，我错过了，现在只是将它们列为行，而不是列为行。你能用代码的当前状态更新问题吗？如果做了任何改变，很难找出问题所在。