Document ready angular

Question

Document ready angular

Navigation

#1 by (1 votes)

1

I have the following problem:

app.controller('EOGController', ['$scope', function($scope) {
    $scope.result = "primero";

    angular.element(document).ready(function () {
        loadQuantiles();
    });

    var loadQuantiles = function () {   
        console.log("entro");
        $scope.result = "ultimo";
        console.log("salio");
    }
}]);

index.html

<div class="container" ng-controller="EOGController">
    {{result}}  <!-- <- cuyo valor siempre es primero -->
</div>

Why does not it change from

PS: the console.logs() if they exit correctly in the console

angularjs

asked by sirdaiz 23.11.2016 в 15:14

source

1 answer

Add sidemenu with ionic 2 Use Twig tags with React Js

score 1 · Accepted Answer

What happens is that you are interrupting the life cycle of the functions in angular, by using the ready event, so you should not use it that way. At the moment that angular executes the controller is because you can already work with the DOM, in case you need something like this, simply call the function:

$scope.$digest()

to warn angular that the variables on the $ scope have changes, just keep in mind that it is not the right way. Example working in codepen