AngularJS watch DOM change

Question

I have one auto-carousel directive which iterates through the linked element\'s children.

The children however are not yet loaded in th

Answer 1

You could try to compile the directive contents first inside your link function. For example:

angular.module('myApp').directive('autoCarousel', ['$compile', function ($compile) {

    return {
        templateUrl: 'views/auto-carousel.html',
        restrict: 'A',
        replace: true,
        link: function (scope, element, attr) {
            $compile(element.contents())(scope);

            // your code goes here
        }
    }
}]);