Addition of two values in Angular js

Question

I want to add two values using Angular js . I have fetched values from database using $http.get($scope.url) and using the values on html page. now I want to add " 1" in the value. my code is :- app.js

mainApp.controller("displayController", ['$scope', '$http', 'shareDataService', function($scope, $http, shareDataService) {     
        $scope.url = 'incomeBenefit.php';
        $http.get($scope.url)
        .then(function (response) {$scope.names = response.data.records;                        
            for(X in $scope.names){ 
                var t_age = $scope.names[X]['client_age'];                                                                                      
                var t_premium = $scope.names[X]['premium'];                                                                                                     
            }           
            $scope.t_age = t_age;
            $scope.t_premium = t_premium;   
        });
}]);

and my html page :-

        <ul id="form-bt-main" class="sec-row" ng-repeat="n in [] | range:31">
            <li class="form-bt">{{n}}</li>
            <li class="form-bt">{{t_age = t_age +1}}</li>   
        </ul>

I want to add '1' in t_age. t_age = '24' and want values like this 24 25 26 27 28 29 30 in li on output screen.

its not working. not adding the values . its giving me 2401 . — Ranjeet singh
– Ranjeet singh, Commented Aug 1, 2016 at 11:37
{{t_age ++ $index ++ 1}} it will work please test it. One + for concatenation and other for adding two numbers — Hassan ALi
– Hassan ALi, Commented Aug 1, 2016 at 11:38
@Ranjeetsingh ji i have edited my answer and it's tested try it and if work thums up!! — Jorawar Singh
– Jorawar Singh, Commented Aug 1, 2016 at 12:05

Jorawar Singh · Accepted Answer · 2016-08-01 12:03:21Z

2

angular.module('app',[]).controller('ctrl',function($scope){
        $scope.age = parseInt('24');
        $scope.names = ["singh","jorawar","kiran"];                
   });
<body ng-controller="ctrl">

<div ng-repeat="name in names">
    {{name}}<br>
    {{age + $index - 1 + 1}}
</div>
</body>

edited Aug 1, 2016 at 12:03

answered Aug 1, 2016 at 11:37

Jorawar Singh

7,6414 gold badges29 silver badges40 bronze badges

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

Comments

Syam Pillai · Accepted Answer · 2016-08-01 11:38:10Z

0

<li class="form-bt">{{t_age = t_age +1}}</li> is not valid.

just write <li class="form-bt">{{t_age +1}}</li>

or if you want that value in controller as ng-model, try this

<li class="form-bt" ng-model="ages[$index]">{{t_age +1}}</li>

answered Aug 1, 2016 at 11:38

Syam Pillai

5,2202 gold badges31 silver badges43 bronze badges

Comments

Thalaivar · Accepted Answer · 2016-08-01 11:38:17Z

0

$scope.t_age = t_age; might be a string, just use parseInt(t_age); A simple fiddle to help..

<div ng-app="">
  <div ng-controller="MyCtrl">
      {{age + 1}}
  </div>
</div>

JS:

function MyCtrl($scope) {
  $scope.age = parseInt('24');
}

http://fiddle.jshell.net/0wh13nrz/1/

answered Aug 1, 2016 at 11:38

Thalaivar

23.7k5 gold badges63 silver badges71 bronze badges

Comments

Weedoze · Accepted Answer · 2016-08-01 11:40:19Z

In your controller, you have to parse your age which is a string into a int

parseInt('string', 10);  // parseInt with radix

CONTROLLER

mainApp.controller("displayController", ['$scope', '$http', 'shareDataService', function($scope, $http, shareDataService) {     
        $scope.url = 'incomeBenefit.php';
        $http.get($scope.url)
        .then(function (response) {$scope.names = response.data.records;                        
            for(X in $scope.names){ 
                var t_age = parseInt($scope.names[X]['client_age'], 10);                                                                                      
                var t_premium = $scope.names[X]['premium'];                                                                                                     
            }           
            $scope.t_age = t_age;
            $scope.t_premium = t_premium;   
        });
}]);

Now you variable t_age is an integer

nktkarnany · Accepted Answer · 2016-08-01 11:42:22Z

What kind of array is names. If it has name object then seeing your controller your html code must look something like this-

<ul id="form-bt-main" class="sec-row" ng-repeat="n in names | range:31">
    <li class="form-bt">{{n.name}}</li>
    <li class="form-bt">{{n.client_age = n.client_age + 1}}</li>
    <li class="form-bt">{{n.premium}}</li>
    <li class="form-bt">0</li>
    <li class="form-bt">27000</li>
    <li class="form-bt">0</li>
</ul>

and your controllers should not have loop to manipulate the names array, ng-repeat does that looping. Your controller should also change to -

mainApp.controller("displayController", ['$scope', '$http', 'shareDataService', function($scope, $http, shareDataService) {     
        $scope.url = 'incomeBenefit.php';
        $http.get($scope.url)
        .then(function (response) {
            $scope.names = response.data.records;
        });
    }]);

Community · Accepted Answer · 2017-05-23 12:25:30Z

0

If you need to output values like that, try to ng-repeat number. Example:

<ul>
    <li ng-repeat="i in getNumber(7)">{{$index+number}}</li>
</ul>

And in your controller:

$scope.number = parseInt('24');
$scope.getNumber = function(num) {
    return new Array(num);   
}

live demo (jsfiddle).

full post about that trick is here

edited May 23, 2017 at 12:25

CommunityBot

11 silver badge

answered Aug 1, 2016 at 11:53

szymeo

4414 silver badges19 bronze badges

Collectives™ on Stack Overflow

Addition of two values in Angular js

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related