javascript - Angular 从 ng-repeat 中的 $scope 获取动态变量

Question

我无法在 ng-repeat 中的 $scope 中输出变量

以下变量在我的 $scope 中定义:error_question1 , error_question2 , error_question3

我在 ng-repeat 中有以下内容，我正在尝试使用 ng-repeat 的 $index 将跨度的值分配给 $scope 中的相应变量。

我可以通过直接定位变量来让它工作，但显然它会像我的 ng-repeat 中的每个项目一样重复:

<span class="help-block" ng-show="error_question{{$index + 1}}">{{error_question2}}</span>

然而，我想象的它的工作方式并不奏效:

<span class="help-block" ng-show="error_question{{$index + 1}}">{{error_question[$index + 1]}}</span>

[$index+1] 似乎打破了它？

Answer 1

请注意，通过执行 {{error_question[$index + 1]}}，您基本上是在说“将位于 $index + 1 位置的项目给我error_question 数组”。这不是你想要的。

尝试使用不同的方法。不要让所有 error_question1、error_question2、... error_questionX 都在 $scope 中 float ，而是使用一个对象来封装错误。像这样:

$scope.errors = {
  question1: ...,
  question2: ...,
  question3: ...,
  ...
};

这样您就可以像这样在 HTML 中使用它:

<span class="help-block" ng-show="errors.question{{$index + 1}}">{{errors['question' + ($index + 1)]}}</span>

Plunker