如何找出为什么ng-click()不会第二次触发

我有一些代码,它适用于jsfidle,并且不能在本地工作。 在这段代码中,我有一个编译模板并附加到DOM的指令。 在这个模板中,我绑定了一些ng-click事件(关闭弹出窗口)。 此事件触发一次,当第二次打开popover并尝试关闭它时,它不起作用。 这里的代码:

mymodal.directive('editable', function ($compile) { return { restrict: 'EAC', template: "Show pop-over", scope: {test: '&'}, link: function(scope, element, attrs) { scope.closePopover = function($event){ var el = $event.target; $($event.target).parents('div.popover').popover('hide'); }; var templateData = ""; var compliedData = $compile(templateData)(scope); $(element) .popover({html: true, content: compliedData }) .on('click', function(e) { e.preventDefault(); return true; }); } } 

这里是jsFiddle: http : //jsfiddle.net/vc4sd1fe/如何调试这种情况? 哪里可能是问题? 我很困惑为什么这段代码只能完美地工作一次。 我怎么能找到无法解决的问题?

我在当地做了一个相同的环境。 但没有得到任何问题。 无论如何检查这个小提琴更多细节或我可以发送我创建的html文件来测试相同的代码。 它工作得很好。 每次点击都会关闭弹出窗口。

http://jsfiddle.net/Satbir/cswcopgr/

刚刚删除了一些代码:

  scope:false, 

和指令:

  

请检查并报告我。 能帮到你真是太好了。