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

Question

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

我希望允许用户使用 templateUrl: 属性选择性地提供他们自己的模板。

我的问题是如何提供回退 - 我不能在同一个指令中同时使用模板和 templateUrl。这是向后兼容所必需的。

我尝试过使用 templateUrl 的函数，但返回的 HTML 不是那里的运行器。

还有其他建议吗？

Answer 1

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

因此，您可以简单地将默认模板放入文件中，然后将其标识符作为默认值返回。

顺便说一句，如果您在单独的文件中使用 templateUrl 和 html，请务必在构建过程中使用某种工具，例如 https://www.npmjs.com/package/ng-html2js。