问题标签 [angular-templatecache]

我正在使用gulp-angular-templacache. 我有那个任务应该创建一个名为的模块templates，并将它作为依赖项添加到我的app模块中：

配置：

应用模块：

吞咽任务：

});

但是，当我尝试运行它时，我总是收到该错误消息：

未捕获的错误：[$injector:nomod] 模块“模板”不可用！您要么拼错了模块名称，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。

我试图使模板缓存也不是独立的并删除依赖项但没有成功......我该怎么办？

我的控制器中有这个功能，它在模板中加载

它加载的模板val.data是一个字符串

如何获取从加载的模板返回的字符串并将范围变量绑定到字符串？

我需要的结果是

我尝试使用 $compile 函数将数据绑定到字符串，但无济于事。

在此先感谢您的帮助

我正在使用带有 gulp的angularTemplatecache将我的所有 HTML 放入一个 templates.js 文件中，但我不断收到错误并且似乎无法让它工作。

此错误似乎源于其中包含 ng-include 的模板，因为如果我从 templates.js 文件中删除它们并正常加载它们，它就可以工作。这是一个给我带来问题的模板

getTemplate 函数我是这样的

关于如何解决这个问题的任何想法？

编辑：这是我的 template.js。该文件有更多，但为了简单起见我只是删除了

AppRoot 是应用程序的根模块

创建标签组件的代码 嗨，我正在从此链接学习角度组件，问题是当我尝试从外部文件而不是模板加载时，它会引发以下错误

这是 scr.js 代码

这是html代码：

这是我试图分别在组件 tab.html 和 tabs.html 中加载的两个模板：

谁能帮我解决这个问题，在此先感谢

我正在尝试对在段落、锚标记中具有变量的 html 模板进行单元测试，{{header.title || translate}}但是无论我尝试过哪些帖子，它似乎都不起作用。我得到了检索到的 HTML 模板，当它被编译时它仍然是一样的。在模板中我仍然看到{{user}}例如。似乎它们实际上都没有被编译。

当前模板输出：

预期输出：

测试套件：

业力档案：

包.json

根据我从 post plunker example阅读过的帖子，例如 this plunker ，这应该可以正常工作。我在想控制器可能没有绑定到范围，因此在$digest运行模板时可能找不到控制器。

有用的信息：

• 它说rootscope.$digest()我也尝试过scope.$digest()，我也尝试过使用$apply()。
• 我在用ngHtml2JsPreprocessor
• 我在用TemplateCache
• 我在用$compile

查看的链接：

• 如何在指令 [jasmine] 中访问控制器
• $compile 不编译 Karma/Jasmine 中的模板
• 不要在 Jasmine Karma Angular 中使用 $compile
• 使用 templateUrl 对 AngularJS 指令进行单元测试

模板返回，但模板中的角度永远不会被编译。总是看到{{homeCtrl.name}}而不是Alexandria。

更新 1.1

我在想，也许是因为翻译{{header.title | translate}}不起作用，也许angular-translate(module pascalprecht.translate:) 实际上没有正常工作，然后导致控制器也绑定失败。将继续调查。

我是 angular 2 的新手，我用这个命令生成了一个组件

并生成所有文件并更新app.module.ts。

在index.html我添加了这个

但是网页变成空白，什么也没有出现。

app.module.ts

当用户离线时，我一直在努力让我的应用程序正常工作。我已经使用 $http 和 templateCache 来缓存我的模板，这很好。但是，我似乎无法以“好的”方式解决的一个问题是 $uibmodal。我已经缓存了模板

并更改控制器以在打开模式时从缓存而不是 templateUrl 获取模板。

这里的问题是我的模板顶部有“status 200”。和底部的“确定”。这是我能接受的最接近的解决方案，即使我觉得这是一个“黑客”。这是更好的方法吗？如果不; 如何删除当前解决方案中的状态码？

我知道有2 个 类似的问题，但没有任何解决方案。

所以我在Angular repo中发现了这个问题，他们要求相同，即Angular 2中templateCache的替代方案，但他们关闭它说你可以使用CachedResourceLoader。

所以我的问题是如何使用这个 CachedResourceLoader 来替换 templateCache，我一直在谷歌上搜索这个但找不到任何相关的内容，所以也许我没有指向正确的方向或者我错过了一些东西。

这个问题的答案可能是其他 2 个类似问题的有效答案。

AngularJS 中 templateCache 提供的功能的代码示例：

添加：

通过 $templateCache检索：

或检索：

在 AngularJS 中，您可以将外部模板作为脚本标签或作为 Web 服务器上的 html 文件提供。但是我需要实现一个自定义逻辑来检索这些模板，并且没有一个方法适合。所以我想我可以重写AngularJS中实际从服务器加载模板的部分。但事实证明，很难找到这方面的任何信息。我发现它$TemplateRequestProvider用于此任务，但我不知道如何用自定义逻辑替换它。你能帮我吗？

有一个大型 AngularJS 1.6 项目（约 120 个 JS 文件），目前是通过 gulp/bower 构建的。

希望迁移到使用 yarn 和 webpack，我们不希望仅仅为了实现 webpack 而修改我们的项目文件。我们的每个 AngularJS 组件 JS 文件都包装在一个 IIFE 中，因此它们已经超出了全局范围。

我们的 gulp 步骤之一使用gulp-angular-templatecache模块，它收集我们所有的 HTML 文件并将它们整齐地压缩到单个 $tmplateCache 加载器模块中。

我已经设法弄清楚如何使用 webpack 解决我们的大多数其他构建过程，但这给我带来了一个问题。

我查看了ngtemplate-loader包，但认为这不能满足我们的需求，因为以下原因：

• 将要求我们更新所有现有的 HTML 模板以使用 'require("./template.html")'
• 这将为每个 HTML 模板创建一个单独的 webpack 模块，这似乎非常低效。
• 可能最重要的是，我无法让它工作。

我设置的当前 webpack 配置基于一个简单的演示，并将项目文件从供应商文件中分离出来。我们的项目文件被捆绑到 /dist 文件夹中的“app.[hashcode].js”文件中。

最终，我希望能够将编译后的 $templateCache 模块注入到我们最终的 'app.[hashcode].js' 包文件中的特定点中。但是，现在我会对 $templateCache 定义文件被创建到一个单独的包文件中感到满意。

是否有现有的 webpack 插件、加载器或插件/加载器的组合，我可以用来完成这个构建步骤？这甚至可以通过 webpack 实现吗？

这是演示项目的基本目录结构：

这是当前工作的 webpack.config.js 文件：

这是 webpack 的“入口”文件 app/app.js：

如果需要，我可以提供整个示例项目...