angularjs - Angularjs 指令 ng-click 未触发

Question

这是我的 plnkr http://plnkr.co/edit/U5WiZzhX31ifux33enYh

我正在编写一个就地编辑器指令。它第一次按预期工作，但随后的“保存”或“取消”按钮不起作用。这是为什么？

在 plnkr 中，当我第二次单击“保存”或“取消”时，它什么都不做，只是在我的本地开发环境中重新加载页面。

我是角度新手，感谢您的帮助。谢谢！

Answer 1

如果您从 DOM 中删除编辑器元素，则必须在再次添加模板之前重新编译模板，否则您将失去对范围的访问权限。

show将您的功能更改为以下内容：

function show(){        
    editor = $compile(template)(scope);
    element.after(editor);
    element.hide();
}