angularjs - ディレクティブのクリック イベントにテンプレートのパーシャルを追加

Question

ボタンのクリックイベントで部分的なテンプレートを複数回追加できるようにしたいと思います。以下のリンク関数に div を追加することはできましたが、行き詰まっています。テンプレートに置き換えるにはどうすればよいですか？

フィドル: 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>

編集: このパーシャルには、ユーザーが入力して後で保存するいくつかのフォーム入力フィールドが含まれています。

ありがとうございました