Angular $templatecache 名称冲突

【问题标题】：Angular $templatecache name conflictsAngular $templatecache 名称冲突
【发布时间】：2014-12-01 22:18:29
【问题描述】：

我们有一个带有多个 html 模板的单页应用程序结构。多个开发人员正在将他们自己的子模块推送到应用程序，并且在捆绑过程（webpack）期间，我们将所有这些模板推送到 $templatecache。

不可避免地，一些应用程序的部分内容碰巧有相同的名称（仪表板、导航、部分等），而 Angular 正在覆盖模板。

有没有办法在角度模板缓存过程中避免名称冲突？或者是否有任何 gulp-grunt 等插件来创建唯一的模板名称并在 html 中匹配替换它们？

【问题讨论】：

嗯，我能想到的简单方法是给您的模板起一个长名称...名称将以模板所属模块的名称开头。此外，您可以将部分文件放入单独的文件夹中并从这些文件夹中引用它们，只需定义一个复制文件夹结构的 grunt 任务。

标签： javascript angularjs caching

【解决方案1】：

好吧，尝试更长的名称，不会冲突...

dashboard, nav, section都是通用的，很容易冲突

尝试：

dashboard-for-admin-page, nav-for-submodule-alpha-0, section-right-of-main-page, etc

我的团队这样做的方式是，我们为每个具有复杂名称的模块都有一个文件夹结构

例子：

/partials
----/global-partials
--------/header-global.html
--------/footer-global.html
----/main-page
--------/index-for-main-page.html
--------/partial-header-on-main-page.html
--------/left-pane-on-main-page.html
----/about-us-page
----/cart-page
----/search-page

【讨论】：