无法编译带有ng-transclude的AngularJs指令模板

时间:2013-07-20 08:13:22

标签: angularjs angularjs-directive

我正在尝试创建两个指令。第一个指令将其他预定义的角度指令(ng-click和ng-class)附加到元素,然后编译它以使它们起作用。

第二个指令替换包含第一个指令的模板的元素。我使用ng-transclude将元素的内容传递给模板。

问题是,一旦添加了指令2中的模板,第一个指令就会尝试编译并抛出一个摇摆不定的东西:

“TypeError:undefined不是函数”

当模板中不存在ng-transclude时,指令1正常工作。我创建了一个Plunk来演示这个:http://plnkr.co/edit/RdtjIy5XKOsqvh5VnwMr

是否有人能够帮助并指出我哪里出错了?

谢谢, 萨姆

1 个答案:

答案 0 :(得分:1)

经过进一步的试验和错误后,我找到了一个解决方案,据我所知,没有任何副作用。

我只是从第二个指令中删除了ng-transclude属性。我在这里有一个更新的Plunk:http://plnkr.co/edit/9QXkqzzyUy9VvMYC6fO6