问题标签 [angularjs-templates]

我正在尝试在 AngularStrap 弹出窗口中加载模板文件，但是我在使用 $templateCache 时遇到了问题。我似乎比其他 SO 问题更退一步，因此这似乎是双重问题。

在 API 文档之后，我在结束标记<script type="text/ng-template" id="popoverTemplate.html"></script>之前添加了一个。</body>当我<div ng-include="'popoverTemplate.html'"></div>在我的页面上使用时，我什么也得不到。如果我尝试使用console.log($templateCache.get("popoverTemplate.html"))我得到“$templateCache is not defined”，这导致我假设我错过了一个关键步骤。但是，我在文档或其他 SO 问题中找不到如何操作。

编辑：注入服务是缺少的链接。但是，当我注入服务时，控制器的其他功能不再起作用，但是如果您注入所有函数的参数，则工作代码将变为：

我对值在指令中的工作方式有疑问。我有一个指令，它有一个模板，在同一个模板中我想调用一个（全局定义的）javascript 函数，我想将我从指令中获得的值传递到该 javascript 函数中（这可能听起来有点混乱）。这是示例代码。

globalLoadText() 是我的全局方法，定义在 angular（在根范围内的普通 js 文件中）文本将是我想从指令中获取的值。

我希望我已经清楚地写下了我的问题。任何帮助将不胜感激。谢谢！！

我正在编写一个指令，该指令需要具有不同的根元素，基于mode我传递给指令的属性。以下是预期的模板文件：

模板文件：

但是当然 AngularJS 抱怨你必须在模板中有一个根元素。

我知道我可以将它们拆分为 2 个文件并在内部有条件地加载templateUrl（即templateUrl: function(tElem, tAttrs) { if tAttrs.mode === 'full' ...）。

但在我的情况下是一个具有许多不同属性的元素，这些属性在和模式<input class="datepicker" />中都是相同的。理想情况下，我会把它放在一个单独的指令中，但我觉得在我的情况下这有点矫枉过正。然后将两个结果保存在 2 个不同的模板中，将导致共享信息（属性）解耦到 2 个单独的文件中。任何在模式下更改任何内容的人都需要记住在模式下进行相同的更改，这将驻留在不同的文件中。fullshortinputinputinputshortinputfull

问题：如何在单个模板文件中处理这种情况？

注意：在这种情况下，我真的不能添加单个包装元素（例如<div>）。这会违反我的布局。

所有，我面临一个问题，我希望有人可以帮助我解决。我有一个服务，它返回一个带有相应链接的用户列表，当点击它时需要用户登录，一旦登录成功，用户就会看到用户信息。我如何允许用户单击此链接并使用模板来显示他们的详细信息。我想为所有用户重复使用这个部分模板

示例：数据：{{user.url}} 产生：http://localhost:5555/user/randi333
数据：{{user.url}} 产生：http://localhost:5555/user/rkds333

当我单击链接时，它会将我带到 /user/{{username}} 这些对于不同的用户名是不同的，并且我正在返回 xml 结果。我需要使用一个模板，当为任何用户单击链接时，它将使用该模板作为模板并读取和格式化这些数据....请协助

我有一个模板，它显示与锻炼相关的数据，即锻炼名称、强度级别、描述等，以及一个用于提交对该特定锻炼评分的按钮。

所有这些数据都是从后端从我的“videoCtrl”调用 API 端点获取的，如下所示：

单击按钮时，我要求确认，如果用户说是，则向不同的 API 端点发送另一个请求以执行某些操作。

我想在单击按钮后以某种方式刷新页面，以便再次加载控制器并且我得到列表中的下一个练习。

如何才能做到这一点？

我的模板看起来像这样：

我收到错误未捕获的错误：[$injector:modulerr]

我已经包含在下面的 js 文件中

我的js代码是

有人请帮助我，我在哪里失踪。

已编辑： 错误日志无法实例化模块网站，原因是：错误：[$injector:unpr] http : //errors.angularjs.org/1.4.5/$injector/unpr?p0=%24ro... 在错误（本机）在https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:6:416 在https://ajax.googleapis.com/ajax/libs/angularjs/1.4 .5/angular.min.js:40:307 在 d ( https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:38:308 ) 在 Object.e [作为调用] ( https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:39:64 ) 在 d ( https://ajax.googleapis.com/ajax/libs /angularjs/1.4.5/angular.min.js:37:279）在https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:37:403 在 n ( https://ajax.googleapis.com/ajax/libs/angularjs/1.4. 5/angular.min.js:7:322 ) 在 g ( https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:37:180 ) 在 eb ( https: //ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:40:435

我知道有很多关于 AngularJS 以及应该如何使用指令的问题和帖子。我让我的工作正常，直到我遇到另一个我不知道如何解决的问题。

我在自定义 HTML 元素上使用指令。指令将此元素转换为模板中定义的常规 html 树。HTML 元素具有一些在构建模板时使用的属性。通过 HTTP 请求接收其中一个元素的数据并成功加载。这是我工作正常的部分。

现在我想做更多的事情。我创建了一个 plunker，这是我想要实现的一个例子。这是一个假的，但很好地说明了我的问题。

索引.html：

角度指令：

模板：

所以我希望能够自定义元素中的一个标签（在这个例子中是电话评论）。诀窍是标签中的附加信息数量可能会有所不同。我唯一可以确定的是，这些名称将与从 AJAX 请求中收到的名称相匹配。我可以使用 AJAX 接收整个评论，这将解决我的问题。但我想将模板与构建它的变量分开。可能吗？

我正在尝试创建一个可以同时托管名字和姓氏的“名称”指令。

我目前拥有的代码是：

索引.html

指示：

name_template.html

我的问题是我似乎无法将标签和信息的值传递到模板文件中。我究竟做错了什么？

我刚刚开始使用 angular，所以希望这有一个简单的解决方案。

提前致谢

我的模块中有以下代码：

我的 HTML 模板中的这段代码：

我想问一下，我是否正确组装了模块和模板，因为我是第一次使用 AngularJS。具体来说，我想问将整个工厂绑定到范围是否正确？此外，如果有人有更多时间，他可以查看其他代码以查看一切是否正确。随意写下关于我的代码的任何建议。
提前致谢！

我有一个包含一些内容和一些按钮的表单。我想要做的是通过单击一个按钮，隐藏表单的原始内容并加载一些新内容。现在我已经使用 ng-show 完成了隐藏部分。但我坚持使用 ng include 加载新内容。我已经包含了我想在脚本标签中显示的内容，并尝试在按钮单击时加载。

这就是我所做的。