指令模板' zfAsButton'必须只有一个根元素

时间:2015-06-08 16:45:26

标签: javascript angularjs angularjs-directive zurb-foundation

我在带有angularjs的meteor中有一个基础应用程序。我使用了zf-as-button指令,但它说错误

Template for directive 'zfAsButton' must have exactly one root element

我发现通过将指令模板包含在div或span中或者通过删除replace:true来解决问题是可解决的,但我不能为基础包执行此操作,因为它包含在gitignore中并且赢得了#39 ;在其他情况下工作。 其他人遇到过这个问题吗?任何帮助将不胜感激

三江源

1 个答案:

答案 0 :(得分:0)

我还没有使用基础应用程序,但是根据项目源代码,使用基础模板不应该发生这个问题。

您可以看到zfAsButton指令正在使用components/actionsheet/actionsheet-button.htm模板(https://github.com/zurb/foundation-apps/blob/master/dist/js/foundation-apps.js#L1208

如果你看一下模板 https://github.com/zurb/foundation-apps/blob/master/dist/js/foundation-apps-templates.js#L18您会看到模板有一个根元素,正如指令在其定义中有replace:true时所预期的那样。

查看正在加载的模板,因为它看起来不像我之前引用过的模板。