AngularJS: how to call a function on page load

Question

var init = function(){
    $scope.getAllFriends($rootScope.rootName)
        .then(function(data) {
            console.log(data);
        }, function(err) {
            //error
        }); 
}
init();
$scope.getAllFriends = function(name){
    return friendService.getAllfriends(name)
}

Am new to angularjs, am trying to call a function on page load but am getting below error. Can anyone correct me where am wrong.

TypeError: $scope.getAllFriends is not a function

you can use ng-init="init()" angular directive in html tag see — Jasmin Kurtic
– Jasmin Kurtic, Commented Aug 10, 2016 at 14:08

illeb · Accepted Answer · 2016-08-10 14:16:26Z

2

You are trying to call a function not yet declared: getAllFriends has not been declared at the time init it's executed.

Hence, you are getting "TypeError: $scope.getAllFriends is not a function".

try like this instead:

var init = function () {
        $scope.getAllFriends()
            .then(function (data) {
                console.log(data);
            }, function (err) {
                //error
            });
    }

$scope.getAllFriends = function (name) {
        return friendService.getAllfriends(name)
}
init();

answered Aug 10, 2016 at 14:16

illeb

2,9471 gold badge23 silver badges35 bronze badges

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

Comments

Ignat Galkin · Accepted Answer · 2016-08-10 14:22:13Z

0

Use named function instead of object. Like this:

function getAllFriends(name){...}

answered Aug 10, 2016 at 14:22

Ignat Galkin

7171 gold badge5 silver badges11 bronze badges

Collectives™ on Stack Overflow

AngularJS: how to call a function on page load

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related