angular.js如何逐步改变变量值

时间:2013-10-24 11:04:23

标签: javascript angularjs

这是我的HTML代码

<div ng-app='app'>
<div ng-controller="MyController" ng-init="myVar=7">
    {{myVar}}
    <span ng-init="myVar=myVar+5">{{myVar}},</span>
    <span ng-init="myVar=myVar+15">{{myVar}},</span>
    <span ng-init="myVar=myVar+37">{{myVar}},</span>
</div>   

和脚本

var app = angular.module('app',[]);
app.controller('MyController', function() {});

我得到的输出是64,64,64,64

但我希望输出为7,12,27,64

我正在尝试找到像ng-repeat这样的东西,但我不能将它们保存在数组中

1 个答案:

答案 0 :(得分:1)

在每个ng-init中,您正在更改myVar的值,该值是绑定到所有其他实例的数据;这就是他们都表现出同样的原因。所以更确切地说:

<div ng-app='app'>
<div ng-controller="MyController" ng-init="myVar=7">
    {{myVar}}
    <span>{{myVar+5}},</span>
    <span>{{myVar+15}},</span>
    <span>{{myVar+37}},</span>
</div>