Question

我试图通过angular指令将一些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>

任何人都可以帮我纠正我所做的错误吗？当我点击锚标签时，没有任何反应，没有任何东西登录控制台。

我是Angular的新手，请帮助..

Answer 1

替换它：

href="javascript:void(0);"

用这个：

href=""

并使用add-activity-row而不是addActivityRow，因为@PSL提到指令名称在视图中用作限制短划线的属性。

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

单击角度以在单击按钮时附加模板

1 个答案: