angular添加一個模板點擊按鈕

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);" 

：

我是新來的角請幫助..

Answer 1

替換此

href="" 

而且使用附加活動行，而不是作爲addActivityRow @PSL提到指令名稱在視圖中用作短劃線限制屬性。

---

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