angularjs中的动态范围变量

Question

我正在尝试在angular中创建动态范围变量。我使用循环将变量名称设置为v1，v2，v3但仍然没有成功。 知道怎么做到这一点？

JS

for (var i = 0; i < 4; i++) {
    $scope.v_i='value'+i;
  }

HTML

<div>{{v1}}</div>
<div>{{v2}}</div>
<div>{{v3}}</div>

Answer 1

您可以将$scope对象用作Array的类型。 但我会将它们包装到$scope对象包装器items。 请参阅以下两种方法。

查看

<div ng-app="app" ng-controller="MainController">

  {{v0}}
  <br/> {{v1}}
  <br/> {{v2}}
  <br/> {{v3}}
  <br/>
  <br/> {{items}}
  <br/>
  <br/>
  <div ng-repeat="item in items">
    {{item}}
  </div>


</div>

<强> CONTROLLER

 angular
.module('app', [])
.controller('MainController', MainController)

function MainController($scope) {
  $scope.items = {};  
  for (var i = 0; i < 4; i++) {
    $scope['v' + i] = 'value' + i;
    // or add to object wrapper
    $scope.items['v' + i] = 'value' + i;
  }
}

JSFIDDLE