Increment variable in Angular JS?

Question

I have global variable $scope.posts in controller Angular JS: I do increment this variable:

$scope.posts = $scope.posts + 1;

So my IDE editor underlines this code and tells:

Value assigned to primitive wil be lost

What is mean and how to fix?

posts is a primitive (non-object) property of $scope in this instance, but being assigned to $scope does not make the property global. Your IDE is likely warning you that you are overwriting this property in another controller, but without more code, that can't be confirmed. See stackoverflow.com/questions/14049480/… for a more in depth analysis of this and potential solutions. — Claies
– Claies, Commented Sep 26, 2015 at 14:12

Community · Accepted Answer · 2020-06-20 09:12:55Z

4

Init the variable

In your app.js or main Angular module init the variable with this

.run(function ($rootScope) {
    $rootScope.posts;
})

Then anywhere you want to increase this use the syntax

$scope.posts += 1;

It increments the value by one.

Best Practice

$rootScope is probably not what you want. You can share data across your app with a service or a factory. I've made a small Gist to show how this works, check it out here.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Sep 26, 2015 at 13:47

Joe Lloyd

22.8k7 gold badges59 silver badges86 bronze badges

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

Collectives™ on Stack Overflow

Increment variable in Angular JS?

1 Answer 1

Init the variable

Best Practice

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Init the variable

Best Practice

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related