javascript - 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