angularjs - 动态添加元素的指令不起作用

Question

我正在尝试构建一个简单的无限滚动。它可以很好地加载数据，但加载后，新添加的元素的指令不起作用。

这是滚动检查和数据加载指令的相关部分。

.directive("scrollCheck", function ($window, $http) {
     return function(scope, element, attrs) {
          angular.element($window).bind("scroll", function() {           
                // calculating windowBottom and docHeight here then
                if (windowBottom >= (docHeight - 100)) {
                    // doing some work here then            
                    $http.get('service page').then(function (result) {
                        if (result.data.trim() != "") {
                            var newDiv = angular.element(result.data);  
                            element.append(newDiv);                                                             
                        } 
                        // doing some other work
                    },function () {
                        // error handling here
                    });                                 
                }                    
                scope.$apply();
          });
     };
})

服务页面返回此结构的一些重复作为result.data

<div ...>
    <div ... ng-click="test($event)"></div>
    <div ...>...</div>
</div>

正如我所说，数据加载得很好，但是 ng-click 指令中的那些 test() 函数不起作用。如何让他们工作？

Answer 1

我相信您将需要编译返回的 html 元素。像这样的事情

         $compile(newDiv)(scope);  // Corrected. Thanks

您需要确定并将 $compile 传递到您的函数中