angularjs中的动态范围变量

Question

我想在angular.I中创建动态范围变量，我使用循环将变量名称设置为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对象的typeof Array。 但我会将它们包装到$scope对象封装器items。 请参阅下面两种方法。

VIEW

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

控制器

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