AngularJS HTML 模板/片段管理

Question

我是来自 Backbone+Marionette+Require 的 Angular 菜鸟。

如果你的应用程序有一堆视图和一堆指令，每个都有自己的 HTML，你把所有的 HTML sn-ps 放在哪里？我看到的大多数示例都是将它们内联存储在它们自己的脚本标签中，或者异步加载。我喜欢 RequireJS 的一件事是模板可以存在于它们自己的文件中，但可以编译到主 JS 文件中用于生产。我假设有一个繁重的任务或类似的东西？也许是从单个文件中获取 HTML 并在构建时将它们嵌入到合并 HTML 文件中的单个脚本标签中？

谢谢。

Answer 1

确实有一个 Grunt 任务可以做到这一点！最初由Angular-UI Bootstrap 团队创建，html2js 任务将获取您的模板并将它们编译成一个 JavaScript 文件（使用 Angular 的 $templateCache），该文件可以与您的其余脚本连接以形成单个有效负载。

我还没有发布它，因为我仍在添加文档，但请查看 ngBoilerplate，一个 AngularJS 项目 kickstarter，在上下文中查看它。

更新（2013 年 2 月 28 日）：我刚刚发布了 ngBoilerplate。你可以在这里查看官方网站：http://bit.ly/ngBoilerplate。