Invoke function in HTML which is defined in controller

Question

How is it possible to invoke a function when HTML page is loaded? Right now, the function call is made manually by pressing the button, like:

<p>
    {{address}}
</p>

<button class="btn btn-primary checkout" ng-click="getAddress()">
     <i class="fa"> Get address</i>
</button>

It is also possible to call function using {{getAddress()}}. But, as expected it causes infinite loop.

getAddress() makes call to a backend, gets data and populates address on $scope ($scope.address)

It would be nice to load it automatically and get rid off the button.

Why not just make the call in your controller?

KJ Price
– KJ Price

2015-05-14 17:00:25 +00:00
Commented May 14, 2015 at 17:00 — KJ Price
– KJ Price, Commented May 14, 2015 at 17:00

C.P. · Accepted Answer · 2015-05-14 17:08:17Z

2

In your controller itself you can invoke getAddress(). You might have controller like following

myapp.controller('yourController', function($scope){
        $scope.address = "";
        $scope.getAddress = function(){
           $scope.address = "some address"; 
        };
        //You can call here itself, it will get invoked when page and in  turn your script loads
        $scope.getAddress();
});

answered May 14, 2015 at 17:08

C.P.

1,2224 gold badges15 silver badges33 bronze badges

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

Collectives™ on Stack Overflow

Invoke function in HTML which is defined in controller

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related