在AngularJS自定义指令中提供默认模板

Question

我正在尝试更新AngularJS中的自定义指令 - 它目前在代码中指定了固定模板（使用模板：属性）。

我想让用户可以选择提供自己的模板，而不是使用templateUrl：属性。

我的问题是如何提供回退 - 我不能在同一个指令中同时使用template和templateUrl。这是允许向后兼容的要求。

我试过对templateUrl使用函数，但返回HTML不是那里的跑步者。

其他建议？

Answer 1

如果您在templateUrl中使用函数，您应该提供“模板标识符”Angular首先查看模板缓存，如果未找到，它会尝试对同一个url的资源执行异步请求。

所以，你可以简单地把你的默认模板放入文件中，并将其标识符作为默认值返回。顺便说一下，如果您在单独的文件中使用templateUrl和html，请务必在构建过程中使用某种工具，如https://www.npmjs.com/package/ng-html2js。