Как связать событие jQuery с динамическим контентом с помощью AngularJS

Question

В основном в моем контроллере я делаю $http.get() для загрузки некоторого html для установки «текущего представления». Моя проблема в том, что я не могу понять, как восстановить событие jQuery с помощью этого нового динамического контента.

Прямо сейчас, я прибегал к somethign так:

$http.get('/someurl', {}).success(function(data){ 
    $scope.detailedView = data; 
    // Now here comes the rebinding 
    setTimeout(function(){ 
    // Use jquery to bind the new content 
    }, 1500); 
}); 

Я искал решение, и все, что связано, что я нашел точки для использования директивы. Я изучил это, но я не знаю, как будет использоваться директива для чего-то подобного.

Примечание без тайм-аута привязки выполняются до того, как динамический контент фактически находится в DOM. Я также попытался найти то, что было бы похоже на то, чтобы подключиться к чему-то после запуска $ apply, но не нашел ничего подобного.

Answer 1

Прежде всего, следует проверить, нельзя ли сделать то, что вы делаете с jQuery, используя угловые.

Вот наиболее упрощенная версия директивы, которые могут быть использованы:

<div ng-repeat="item in items" my-directive>Item {{$index+1}}</div> 

app.directive('myDirective', function ($timeout) { 
    return function (scope, element, attrs) { 
     $timeout(function() { 
      /* element is a jQuery object when jQuery loaded in page before angular,*/ 
      /* otherwise is a jQlite object that has many of same methods as jQuery*/ 
      element.css({ 'border': '1px solid green', 'margin': '10px 30px','padding':'5px'}); 
     }, 0); 
    } 
}); 

Вот дем, которая использует длинный тайм-аут, чтобы генерировать данные для повторных элементов, которые используют директиву:

http://jsfiddle.net/AXYGL/