How to use onload attribute with ng-controller directive to execute a function defined within the controller?

Question

I have to call the submit() function the moment the page loads. However this sort of arrangement gives a submit() method not found error. I am unable to understand the placement of ng-controller and onload.

Also if there is any alternative way of doing this with angular, please point that out as well.

PS: This is a code snippet. All variables have been defined.

<body ng-controller="DashboardDisplay" onload="submit()">
    <div class="container-fluid" >

        {{scope.arr}}
    </div>
</body>
<script>

var myApp = angular.module('myApp',[]);
myApp.controller('DashboardDisplay', ['$scope','$http',function($scope,$http) {

    $scope.submit = function(){
        var jsonOb = {"A":"B"};
        $http.post(URL,jsonOb).
        success(function(response) {
            console.log('got it' + response);
            $scope.arr=response;
        }).
        error(function(data, status, headers, config) {
        console.log('nufin' + status);
        });
    }
    }]);

Doesn't the script need to be placed before the call to angular? — Hektor
– Hektor, Commented May 16, 2015 at 11:39

User2 · Accepted Answer · 2015-05-16 11:51:49Z

1

Use ng-init instead of onload i.e

<body ng-controller="DashboardDisplay" ng-init="submit()">

And removed scope which before arr in html i.e {{scope.arr}} to {{arr}}

I have created working DEMO https://jsfiddle.net/Shital_D/x2k8n23n/1/

edited May 16, 2015 at 11:51

answered May 16, 2015 at 11:39

User2

1,3038 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

How to use onload attribute with ng-controller directive to execute a function defined within the controller?

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