Question

我希望能够多次在按钮的click事件上附加部分模板。我已经设法在下面的链接功能中添加一个div，但我被卡住了。如何用模板替换它？

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>

编辑：此部分包含一些表单输入字段，将由用户填写并稍后保存。

谢谢

Answer 1

在指令中指定模板或templateUrl会使指令将元素替换为模板的内容。所以你的点击器div不再存在了。

相反，您可以使用ng-include：

<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>

在指令中的click事件上附加模板部分

1 个答案: