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);
        });
    }
    }]);

Answer 1

Use ng-init instead of onload ie

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

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

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

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

Question

1 answers

solution1
1 ACCPTED 2015-05-16 11:39:48

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

Question

1 answers

solution1 1 ACCPTED 2015-05-16 11:39:48

solution1
1 ACCPTED 2015-05-16 11:39:48