angular.js how to alter variable value step by step

Question

Here is my html code

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

and script

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

The output I'm getting is 64,64,64,64

but I want output as 7,12,27,64

I'm trying to find things like ng-repeat but I cant kept these in an array

I have little understanding and I know angular.js doesn't work how I'm thinking, but there should be other ways to achieve this. I need those ways.. — Siva Kumar
– Siva Kumar, Commented Oct 24, 2013 at 11:06
WHy can you not do {{myVar+5}}, inside the span instead of using ng-init. — Chandermani
– Chandermani, Commented Oct 24, 2013 at 11:07
Dear Chandermani, I want to update the variable then and their itself. — Siva Kumar
– Siva Kumar, Commented Oct 28, 2013 at 5:59

Jan Jongboom · Accepted Answer · 2013-10-24 11:08:15Z

1

In every ng-init you're altering the value of myVar that is data bound to all other instances; and that's why they all show the same. So rather do:

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

answered Oct 24, 2013 at 11:08

Jan Jongboom

27.5k10 gold badges85 silver badges121 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Siva Kumar Over a year ago

Ohh my god.. yes.. I tried this in the begining itself, but not worked. Now it is working.. thanks alot

Siva Kumar Over a year ago

is there any way to re-assign the myVar variable like.. {{myVar}} {{myVar+=5}} {{myVar+=7}}

Jaime Torres Over a year ago

Just to be clear, it's important to know the workflow of AngularJS (docs.angularjs.org/guide/concepts) and realize that EVERY ng-init will run prior to any interpolation.

Collectives™ on Stack Overflow

angular.js how to alter variable value step by step

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related