Angular factory variable

Question

I'm trying simple Angular app and I have problem

var module = angular.module("app", []);
module.controller('Main', function ($scope, button) {
    $scope.displayText = button.dispText;

    $scope.increment = function () {
        button.increment();
        $scope.displayText = button.dispText;
    }

})


module.factory('button', function () {
    var displayText = '0';
    var intButton = 0;

    return {
        increment: function () {
            intButton++;
            displayText = intButton.toString()
        },
        getDisplayText: function () {
            return displayText;
        },
        dispText: intButton.toString()
    }
});

Whenever function increment is called variables in my factory get updated, but the value is not transfered to the controller. Why?

$scope.displayText = button.dispText; should be $scope.displayText = button.getDisplayText(); — Maria Ines Parnisari
– Maria Ines Parnisari, Commented Oct 31, 2016 at 16:30

Sajeetharan · Accepted Answer · 2016-10-31 16:30:59Z

0

You need to call the function getDisplayText() from the factory and assign to the variable

    $scope.increment = function () {
     button.increment();
     $scope.displayText = button.getDisplayText();
   }

answered Oct 31, 2016 at 16:30

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

Collectives™ on Stack Overflow

Angular factory variable

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related