NG-点击不工作在动态创建的内容 [英] ng-click not working in dynamically created content
问题描述
我在角这个功能,我添加一个新的幻灯片有NG-点击。
I have this function in Angular where I add a new slide with a ng-click in it.
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>');
};
不幸的是动态创建的NG-click事件不工作(<一个href=\"http://stackoverflow.com/questions/19267979/ng-click-not-working-from-dynamically-generated-html\">ng-click没有从动态生成HTML 工作),我该如何解决这个问题在我的情况,因为它是一个控制器内的函数,而不是一个指令?
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单击控制器scope.Something这样的:
you need to add $compile service here, that will bind the angular directives like ng-click to your controller scope.Something like:
var divTemplate = '..your div template';
var temp = $compile(divTemplate)($scope);
然后附加到HTML:
Then append it to the HTML:
angular.element(document.getElementById('foo')).append(temp);
您还可以将事件到div绑定如下:
You can also bind the event to the div as following:
var div = angular.element("divID");
div.bind('click', $scope.addPhoto());
这篇关于NG-点击不工作在动态创建的内容的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!