javascript ng-click 不适用于动态创建的内容
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/30468856/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
ng-click not working in dynamically created content
提问by Bob Wassermann
I have this function in Angular where I add a new slide with a ng-click in it.
我在 Angular 中有这个功能，我在其中添加了一个新幻灯片，并在其中单击了 ng。
var addSlide = function($scope, slideIndex, $event) {
slideIndex++;
var slider = angular.element('.slick-slider');
var currentSlide = slider.slick('slickCurrentSlide');
slider.slick('slickAdd', '<div class="slide" ng-click="addPhoto(); $event.stopPropagation();"><input type="file" class="camera-trigger" accept="image/*"><img class="photo-img" src="" /></div>');
};
Unfortunately dynamically created ng-click events don't work (ng-click not working from dynamically generated HTML), how can I fix this in my case, since it's a function inside a controller, instead of a directive?
不幸的是，动态创建的 ng-click 事件不起作用（ng-click 不能从动态生成的 HTML 中工作），在我的情况下我该如何解决这个问题，因为它是控制器内部的一个函数，而不是一个指令？
回答by UserNeD
you need to add $compile service here, that will bind the angular directives like ng-click to your controller scope.Something like:
您需要在此处添加 $compile 服务，这会将 ng-click 等角度指令绑定到您的控制器范围。类似于：
var divTemplate = '..your div template';
var temp = $compile(divTemplate)($scope);
Then append it to the HTML:
然后将其附加到 HTML 中：
angular.element(document.getElementById('foo')).append(temp);
You can also bind the event to the div as following:
您还可以将事件绑定到 div，如下所示：
var div = angular.element("divID");
div.bind('click', $scope.addPhoto());
