добавить шаблон частично в событие click в директиве

Question

Я хотел бы иметь возможность добавлять шаблон из частичного на событие click кнопки несколько раз. Мне удалось добавить div в функцию связи ниже, но я застрял. Как заменить его шаблоном?

Fiddle: http://jsfiddle.net/LPUZG/1/

app.directive('clicker', function($compile) { 
    'use strict'; 

    return { 
     restrict: "A", 
     replace:false, 
     link: function(scope, element, attributes) { 
      element.bind("click", function(e){ 
       element.parent().append('<div>hi</div>'); 
      }); 
     } 
    } 
}); 



<div clicker>Click me</div> 

EDIT: Этот частичный содержит некоторые формы ввода поля, которые будут заполненные пользователем и сохранены позже.

Спасибо

Answer 1

Указание шаблона или templateUrl в директиве делает директива заменить элемент с содержимым шаблона. Таким образом, ваш ключ-кликер больше не будет существовать.

Вместо этого вы можете использовать нг-включают в себя:

<div ng-include="'partials/template.html'" ng-repeat="item in items"></div> 
<!-- on click the add method adds to the items --> 
<div ng-click="add()">Click Me To Add</div>