问题标签 [angularjs-ng-include]

我使用 ng-include 在我的 webapp 中导入侧边栏和导航栏，如下所示

您使用的是过时的</strong>浏览器。请升级您的浏览器</a>以改善您的体验。</p>

我想在包含的两个 html 文件中使用 theme.js。我必须做什么？

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

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

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

更新：

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

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

然后有，

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

更新#2

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

我想知道设计一个关于性能的角度应用程序的最佳方法，用于构建一个带有可重用小部件（如页眉、侧边栏、页脚等）的 HTML 模板。基本上主要内容是中央 DIV，其内容将在路线之间变化，页眉和页脚几乎总是相同的，侧边栏在某些页面中可能会有所不同。

--- index.html

-- header.html

在 $templateCache 中有 header.html 会更好吗？例如：

-- header.html

甚至我应该为每个小部件使用指令，例如：<appHeader></appHeader>...？

为了在每个屏幕上嵌入这些小部件，哪一个在性能、凝聚力、可重用性和可扩展性方面更好？

我有以下代码：

然后在 itemG.html 我有：

如何让我的 ng-repeat 打印出所有图像？

我的页面上呈现了一个电影列表，我的控制器代码如下所示

一切正常，直到我尝试使用复选框过滤器过滤列表。我正在使用 ng:include 包含 filters.html。如果过滤器是数据模板的一部分，一切正常，但如果它的部分 ng:include 过滤器不起作用。我知道 ng:include 创建了一个子范围，但我不知道如何解决这个问题。我的过滤器代码如下所示

数据中继器是：

当我部署我未缩小的代码时，一切都很好。然后我像你一样grunt build从文件夹运行和部署。dist当我检查其中一个页面时，它会中断并且在控制台中出现错误：

在页面上，我有一个我怀疑正在破坏的表达：

ng-include='"views/posts.html"'

在 github 上， dist 文件夹中的标签如下所示：

什么grunt build在破坏我的代码？它在从部署时有效，app/但在我从dist/.

有没有更好的方法来写我的ng-include？

我正在尝试使用 ng-include 递归地渲染分层树。这是一个小提琴

问题在于我的链接函数在渲染完成之前被调用以尝试在空列表上初始化菜单插件。

我知道onload在 ng-include 上有，但我不想诉诸一些丑陋的技巧，比如在每次加载时增加一个计数器并与元素计数进行比较，因为由于层次结构，计算计数变得很棘手。

有什么更简洁的方法可以知道 ng-include 何时完成完整的递归渲染并且所有元素都在页面上？

我尝试使用 postLink 而不是链接，但指令仍然打印一个空<ul>：

我想翻译我的文本，我正在使用 poedit 翻译我的文本。我在 ZF2 工作。

我确实有我的翻译文件（用 poedit 创建）。这是有效的。例如：在此视图示例中，“登录”被翻译。

不，我想用 ng-include 添加登录视图，如下所示：

这也很好，我的登录视图在那里。

但是：没有一个翻译在这个视图中起作用。在登录视图中，这是：

没有翻译。如果我在 (1) 之后直接添加 (3) 代码，则翻译有效。

我的问题是：当我使用 ng-include 添加其他视图时，如何确保翻译工作正常？

希望我的问题是有道理的，并且有人知道该怎么做。

谢谢！

我是 AngularJS 的新手，我一直无法找到加载两个不同 HTML 部分的列表和网格视图切换按钮的特定教程。阅读官方ng-include，ng-switch官方文档并搜索 SO。不幸的是，我们不想使用UI-router。

加载两个部分（list.html和grid.html）是正确的Angular编码方式吗？

我找到的最相关的帮助是：

1.http://tutorialzine.com/2013/08/learn-angularjs-5-examples（示例#5）

对示例 #5 有一个有见地的评论：

很好的简单例子 - 做得好。最后一个在网格视图和列表视图之间切换的示例效率不高，因为它同时创建了选项和显示/隐藏选项。更简单/更好的方法是使用带有中继器和 ng-switch 的单个 ul，然后使用 ng-switch-case 启用备用列表元素。- 约翰

2.http://www.adobe.com/devnet/html5/articles/getting-started-with-angularjs.html

3.https://stackoverflow.com/questions/12577378/create-a-single-html-view-for-multiple-partial-views-in-angularjs/12584774#12584774

4.https://stackoverflow.com/questions/15974086/conditional-ng-include-in-angularjs

我的 HTML 代码：

我的 JS 代码：

所以我正在解决这个问题。我尝试创建通过 ng-include 内容加载的选项卡。但不管我包含什么样的网址，我总是会收到这个错误http://goo.gl/yyNeQb

我没有其他任何内容（控制器，...）

有人知道吗？

如果我包括这样的控制器

源将被加载，我可以使用它。