Just dipping my toes into the world of AngularJS and feeling a bit lost.
I'm on a mission to discover how to determine when a view has finished rendering its template. I've tried countless suggestions from all over the internet, but nothing seems to work.
Basically, I want to know exactly when Angular has completed rendering the template so that I can then initialize jQuery plugins. Can anyone offer some guidance?
my_app.config(function($routeProvider) {
$routeProvider.
when('/', {
templateUrl: '/templates/demo-details',
controller: 'DemoShowCtrl'
});
});
<div ng-view onload="alert('finally loaded');" class="container-fluid">
</div>
my_app.controller("DemoShowCtrl", function($scope,$rootScope, Demo) {
Demo.get({ id: 18875 }, function(data) {
$scope.deal = data;
});
$scope.$on('$viewContentLoaded ', alert('viewContentLoaded'));
$scope.$on('$routeChangeSuccess ', alert('routeChangeSuccess'));
$scope.$on('$destroy ', alert('destroy'));
$rootScope.$on('$viewContentLoaded ', alert('viewContentLoaded'));
$rootScope.$on('$routeChangeSuccess ', alert('routeChangeSuccess'));
$rootScope.$on('$destroy ', alert('destroy'));
//});
});