Angularjs指令NG單擊不觸發

Question

這裏是我的plnkr http://plnkr.co/edit/U5WiZzhX31ifux33enYh

我正在寫一個就地編輯指令。它按預期的第一次工作，但隨後的時間保存或取消按鈕不起作用。這是爲什麼？

在第二次單擊保存或取消時，它不會執行任何操作，而是在我的本地開發環境中重新加載頁面。

我是角新手，感謝您的幫助。謝謝！

Answer 1

如果您從DOM中刪除編輯器元素，則必須在重新添加之前重新編譯模板，否則您將無法訪問範圍。

更改show功能是這樣的：

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