问题标签 [angular-template]

一般来说，我是 Angular/JS 框架的新手，我正试图让这个飞机座位数据显示使用动态模板，但它不起作用。

我尝试按照此站点上的指南进行操作，但没有运气。

这是我的 html，其中“row.seats”是一个对象文字，“row.rowLetter”是一个字符串：

这是我的指令：

我有一个控制器设置 $scope.rows 但是当我尝试在指令中移动所有这些逻辑时（我最初在我的视图中使用 ng-ifs）它停止工作。据我所知，我什至没有进入链接器函数（尽管我正在输入指令）。

任何帮助或资源链接将不胜感激！

我将我的模板预加载在一个 javascript 字符串数组中，例如var t = JST['firstTemplate']，在哪里t，

如何在ng-include指令中使用这个预加载的模板？

请注意，我在这种情况下的模板可能更复杂，可能包含嵌套视图和模板以及它们自己的嵌套范围和控制器。所以我不确定是否有任何 ng-bind 指令会有所帮助？

更新：

查看它的来源ng-include似乎是一个很好的方法是将模板加载逻辑解耦到可定制的提供程序中。

当前的默认加载机制只是简单地$http.get使用$templateCache作为缓存提供程序。似乎我可以将模板内容JST['firstTemplate']注入模板缓存，但我必须在启动时为每个模板执行此操作。

然后有，

我还可以编写一个与每个 ng-include 并行的自定义指令，以某种方式对模板进行预缓存。这又显得笨重了。

更新#2

我将尝试覆盖 templateCache，以便它使用我已经预加载的 JST 哈希。如果可行，将发布结果。

我想将所有模板放在脚本标签中，并从我的指令中使用它们，而无需使用 ajax 请求。

这是我的模板：

这是我的指令：

加载时，我在控制台中收到此错误：

我在控制台中看到浏览器正试图从中获取它http://localhost/articles/article_row.html 而不是在页面中寻找它，我做错了什么吗？

谢谢！

我一直在努力寻找创建模块化、可扩展的角度应用程序的最佳方法。我真的很喜欢angular-boilerplate、angular-app等项目的结构，其中所有相关文件都按部分和指令的功能分组在一起。

但是，在所有这些示例中，模板 URL 是相对于基本 url 加载的，而不是相对于当前文件：

这不是非常模块化，并且在大型项目中可能难以维护。templateUrl每次移动这些模块时，我都需要记住更改路径。如果有某种方法可以加载相对于当前文件的模板，例如：

有没有办法在角度做这样的事情？

我有以下指令：

我使用 Karma + Jasmine 来测试这段代码，它可以工作。但是现在如果我切换到 templateUrl（目前已被注释掉），它就不起作用了。我创建了一个简单的 Plunker来展示这个问题。当您比较 sorter 和 bsorter 指令时，当我使用 templateUrl 而不是模板时，看起来好像对已编译元素的isolateScope() 调用中断了。有任何想法吗？

我正在尝试编写一个指令，该指令将在从服务器获取数据时在 div 上显示“加载”消息。

到目前为止，我已经设法得到这个：

loadingPanelBox.html 有这个：

这实际上完成了我想要的大部分工作，显示面板，直到返回数据时它消失。

不幸的是，它也会覆盖它所在的 div 的内容，所以在这种情况下：

你好，从来没有见过。这似乎是我使用模板的功能。

有没有办法阻止这种覆盖的发生，或者除了使用模板之外，还有什么方法可以添加内容。

想知道是否可以在 Angular 中创建动态资产标签，如果可以，如何创建。

这是背景：我一直在使用Mixture.io进行模板制作，并且已经习惯了它提供的易用性和灵活性。我现在正在处理我的第一个 Angular 项目，想知道是否可以在 Angular 中重新创建 Mixture 的“魔法资产标签”的功能。这是它在 Mixture 中的样子：

注意：{{ }}这里的标签是liquidMixture 使用的语法，而不是 Angular 语法。

这可能吗？如果是这样，想法？

使用模板时，我们可能会将应用程序托管在网络服务器上，否则这将导致跨源错误。所以，我将我的模板放在一个脚本标签中，如下所示：

但是是否可以将上述内容放在外部文件中。我尝试了以下但没有奏效。

template.js 的内容

我不熟悉有棱角的人，我的头撞在墙上：

我正在制作一个可重复使用的滑块元素，它将生成一个包含在标签中的输入 type="range"。

我希望将指令上定义的属性应用于指令模板中定义的子输入元素，它们确实如此，但它们也被添加到包装标签元素中。这似乎很混乱，我认为我缺少一些基本的东西。

做这个的最好方式是什么？我是否需要使用编译功能，这似乎会破坏在指令中使用模板的目的？

当前的html：

当前指令：

});

电流输出：

所需的输出：

在我的控制器中，我分配：

在我的模板中有时我需要

而有时

所以我想知道是否可以直接在模板中为这个变量创建一个快捷方式，比如：

这样我就可以这样使用它{{response.hello}}。

一般来说，是否可以从模板中分配临时变量？我不需要任何数据绑定，我只需要它们来生成模板，然后它们就可以永远消失