AngularJS와 지시어

Question

을 유발하지 NG 버튼을 클릭하면 여기 내 plnkr http://plnkr.co/edit/U5WiZzhX31ifux33enYh

나는 현재 위치에서 편집 지침을 쓰고있다. 예상대로 작동하지만 이후에 저장 또는 취소 버튼이 작동하지 않습니다. 왜 그런가요?

두 번째 시간 저장 또는 취소를 클릭하면 plnkr에서 아무것도하지 않지만 내 로컬 개발 환경에서 페이지를 다시로드합니다.

저는 초보자입니다. 도와 주셔서 감사합니다. 감사!

Answer 1

DOM에서 편집기 요소를 제거하면 다시 추가하기 전에 템플릿을 다시 컴파일해야합니다. 그렇지 않으면 범위에 대한 액세스가 느슨해집니다.

가 이런 식으로 show 기능을 변경

:

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