로드 템플릿 콜백 후 AngularJS

Question

캐 러셀 플러그인을 실행하고 싶지만 올바른 콜백 ("모든 템플릿 컨텐츠를로드 한 후")을 찾을 수 없습니다. 기본적으로 나는 많은 루프가 json 객체를 던지는 템플릿을 가지고있다.

Blog.config(['$routeProvider', function($routeProvider, $locationProvider) {  
     return $routeProvider.otherwise({ 
      templateUrl: '../assets/angularlayouttoload.html', 
      controller: 'blogControllers' 
     }); 

     $locationProvider.html5Mode(true); 
    }]); 

이것은 json 데이터를받는 컨트롤러입니다.

blogControllers.controller('blogControllers', ['$scope', '$http', '$location', '$routeParams', function($scope, $http, $location, $routeParams) { 
    $scope.data = {carrossel: [], banner: []}; 

    $http.get('public/index.json').success(function(data) { 
    console.log(data); 
    $scope.data.carrossel = data[0]; 
    $scope.data.banner = data[1]; 

    // After Load all template execute this above 
    $('.bxslider_new_one').bxSlider({auto: true, speed: 1000, pause: 10000, pagerCustom: $("div#pager_for_slider_new_one")}); 

    }).error(function() { 
    console.error('Failed to load posts.'); 
    });    
}]); 

Answer 1

Angular와 함께 DOM 호출을하면 안됩니다. Angular가 작동하는 방식이 아닙니다. http://www.ng-newsletter.com/posts/directives.html#.Ut51i_Yo5AY

: 여기

<div bx:slider> 
    <a class="pager">foo</a> 
    </div> 

사용자 정의 지시에 잘 소개 중 하나입니다

.directive('bxSlider', [function() { 
    return { 
    link: function($scope, $element, $attrs) { 
     $element.bxSlider({ 
     auto: true, 
     speed: 1000, 
     pause: 10000, p 
     pagerCustom: $element.find('.pager'); 
    } 
    }; 
}]); 

그런 다음 당신이 당신의 템플릿 내에서 사용할 수 있습니다 : 대신 당신은 지시를 해보고 싶어요