angularjs - Angularjsディレクティブng-clickがトリガーされない

Question

ここに私のplnkrがありますhttp://plnkr.co/edit/U5WiZzhX31ifux33enYh

インプレース エディター ディレクティブを作成しています。最初は期待どおりに機能しますが、2 回目以降は [保存] または [キャンセル] ボタンが機能しません。何故ですか？

plnkr で [保存] または [キャンセル] を 2 回クリックすると、何もしませんが、ローカルの開発環境ではページがリロードされます。

私は角度の初心者です、あなたの助けに感謝します。ありがとう！

Answer 1

DOM からエディター要素を削除した場合、再度追加する前にテンプレートを再コンパイルする必要があります。そうしないと、スコープへのアクセスが失われます。

show関数を次のように変更します。

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