버튼을 클릭 할 때 템플릿을 추가하는 각도

Question

각도 지시문을 통해 기존 컨테이너에 일부 html을 추가하려고합니다. 여기에 동일한 코드를 작성했습니다. 여기

app.directive("addActivityRow", function($compile){ 
var template = "Some html template" 
return{ 
    restrict: 'A', 
    link: function(scope, element,attrs,controller){ 
     element.on("click", function() { 
      console.log("clicked on add row"); 
      element.parent().append(template); 
     }); 
    } 
} 
}); 

는 HTML 마크 업

<a href="javascript:void(0);" addActivityRow class="add" title="Add Row"></a> 

어느 한 내가 한 짓 오류를 수정에서 저를 도와 주실 수 있습니까? 앵커 태그를 클릭하면 아무 일도 일어나지 않으며 콘솔에 아무것도 기록되지 않습니다. 이와

href="javascript:void(0);" 

을 :

href="" 

을 그리고 @PSL로 대신 addActivityRow의 추가 활동 행을 사용하여 내가 도와주세요 각도에 새로운 오전

..

Answer 1

이 교체 지시어 이름은 뷰에서 대시가 제한된 속성으로 사용된다고 언급했다.

---

<a href="" add-activity-row class="add" title="Add Row"></a>