Call Js Function after controller bind in Angular JS

Question

enter image description here APP.controller('ListController', ['$rootScope', '$scope', function($rootScope, $scope) { $scope.$on('$viewContentLoaded', function() {
// initialize core components });}]);

function pageElements(){ 
      $('#tt-datatable').dataTable(); 
}

APP.controller('Acctbl',['$http',function($http){
    var accdata=this;
    accdata.item=[];
    $http({
        url:_spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getbytitle('Account')/items",
        method: "GET",
        headers: {"Accept": "application/json;odata=verbose"}
     }).success(function(data){
        accdata.item=data.d.results;
     });
}

]);

I want to run pageElements after controller loaded , when i run on first

$scope.$on('$viewContentLoaded', function() {   

});}]);

I am getting datatables with no results found and again data is binding

you want to execute controller into pageElements function ? I think its not impossible — Narek Mamikonyan
– Narek Mamikonyan, Commented Feb 26, 2015 at 8:30
@pixelbits could you please give me small example . it will save lot of my time , Thanks in advance — Vamsikrishna
– Vamsikrishna, Commented Feb 26, 2015 at 8:49

aludvigsen · Accepted Answer · 2015-02-26 08:49:42Z

0

To make the function pageElements() run after you get your results from the http-request, you need to move the function inside your controller. Then call it in the success-handler.

APP.controller('Acctbl',['$http',function($http){
    var accdata=this;
    accdata.item=[];
    $http({
         url:_spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getbytitle('Account')/items",
         method: "GET",
         headers: {"Accept": "application/json;odata=verbose"}
    }).success(function(data){
         accdata.item=data.d.results;
         pageElements();
    });

    function pageElements(){ 
        $('#tt-datatable').dataTable(); 
    }
}

answered Feb 26, 2015 at 8:49

aludvigsen

6,0013 gold badges29 silver badges37 bronze badges

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

2 Comments

Vamsikrishna Over a year ago

I already did the same but i am getting "No data Available in table". Refer to attached picture

aludvigsen Over a year ago

@Vamsikrishna, its difficult to debug with your code example. Create a jsFiddle, and i'll look at it

Collectives™ on Stack Overflow

Call Js Function after controller bind in Angular JS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related