如何将html文件中的模板加载到我的Angular应用程序中？

Question

我的Angular应用程序中有一堆模板html文件，分发效率低下。所以我检查了grunt-angular-combine将我的所有模板放到一个HTML文件中。所以现在它看起来像

<script type="text/ng-template" id="modules/home/profile.template.html">
<div id="template-seasons">
    This is empty! But it's the proifle template
</div></script>
<script type="text/ng-template" id="modules/home/score.template.html">
...

麻烦的是，我怎样才能导入＆＃34;所有这些单独的模板都放入我的应用中，因此我可以在我的ui-router州，ng-includes等中引用它们。

Answer 1

加载结果文件，然后你可以在ui-router config中的templateUrl中使用它的路径。

templateUrl: "modules/home/profile.template.html"

或者，如果你想在某处使用$ compile，请使用$templateCache.get("modules/home/profile.template.html")来获取模板。