问题标签 [angularjs-ng-include]

我正在使用 angularjs，它会自动附加

#index.html到网址

http://localhost/index.html 所以路径看起来像

http://localhost/index.html#/index.html

当我评论 ng-include 包装<div ng-include="'temp.html'></div> 的 url 恢复到 localhost/index.html

但是当我取消注释时，<div ng-include="'temp.html'></div> 它又恢复为 localhost/index.html#/index.html

所以，

1. 为什么会这样？
2. 有解决方法吗？这样我就可以使用 ng-include 并保持 url 完整。

注意：我没有使用任何路由

I have a bunch of pages with code for a nice looking footer area for buttons and stuff at the bottom of the page:

I know about the nginclude tag, but is there a way to reuse the nav portion of this code, but have custom <footer> content? The buttons change from page to page. Maybe a directive? Still learning this stuff... Edit: I know I could add the code for the <footer> content to my $scope and then use {{footerContent}}, but I would prefer to keep html out of my model.

编辑：这是一个在 ng-repeat 中包含 ng-include 的短暂错误。我从来没有更新我的角度依赖。解决方案在这里找到：https ://groups.google.com/forum/#!topic/angular/JjmnPQl-SWg

这是一个非常困难的问题，因为我什至无法在 plunker 上复制该问题，因为它适用于 plunker：

http://plnkr.co/edit/gORzr0HEK6ZU6JymH0Bb?p=preview

我正在为我的 Web 应用程序创建仪表板。本质上，我有许多嵌套指令，每个指令都有一个 templateUrl。在第四层指令中，我有：

一切似乎都完美到位。在 Chrome 上，网络选项卡指示 HTML 文件返回正确的结果，检查 DOM 显示适当的

直接在应该加载模板的位置之前。这不是某种竞争条件的问题，因为 tpl url 是硬编码的，不是在我的链接函数中动态计算的。元素上的 AngularJS 属性在其范围内为该指令显示适当的属性。

然而，包含 ng 的模板并未附加到 DOM。

对此的任何帮助或指导都将是光荣的。正如您在上面的 plunker 中看到的那样，它运行良好。

我有一个指令，该模板使用 ng-include：

模板由指令动态更改：

例如，gridHeaderString 模板如下所示：

在指令内的过滤器函数中，scope.filterValue 不起作用，因为 filterValue 存在于 ng-include 的子作用域中。

所以在 ng-include 模板中，我尝试过：

但这仍然行不通。

如何将 ng-include 中的模型绑定到指令的范围？

我有以下代码：

我希望能够像这样在 src 中构建一个字符串：

但我不断遇到障碍。我尝试使用回调函数来构建它，

但这被一遍又一遍地调用，它似乎不喜欢那样。我也尝试过这样构建它：

但这也行不通。与其花几个小时拐弯抹角，我想知道是否有其他人遇到过这样的事情并有任何想法？

另外，当我从 $resource 中获取模块时，我会使用 $q 异步返回它们，所以我似乎无法通过并将其添加到控制器之前的模块中，因为此时$scope.modules它等于一个then函数。

有任何想法吗？

我在模板中使用带有 ngInclude 的 angular 1.1.5。每当我加载页面时，我都会在 hashbang: http://localhost/home#/home、http://localhost/account#/account等之后得到一个重复的路径。当ngInclude页面中有指令时会发生这种情况（我认为这也发生在ngView）。我没有在这个应用程序中使用任何路由，总体而言这是一个非常简单的设置。

在模块配置中使用$locationProvider.html5Mode(true)似乎可以解决这个问题，但我不想使用它，因为它并不真正适合这个应用程序的设计。

这似乎不会发生在 Angular 1.2.0-RC.2 中，但我还不想迁移。任何已知的解决方法？谢谢。

我正在尝试将模板中的 div 拆分为两个 div（用于样式），并</div><div>通过 data-ng-include 拉入内部 html。

模板：

控制器（“thisview”是从 url 派生的字符串变量）：

包含 [thisview].html 文件（截断）：

当我加载页面时，</div>（如上）被移到最后，有效地将#newdiv 嵌套在#content 中。这是我可以关闭的 $sce 东西（或其他“代码清理/修复”）吗？

我想将我认为适合我的模板的原始 html 注入。

感谢您的任何指示。

我刚刚发现，当在每次模型更新的指令中使用无限结构时，模板会因过多的 ng-changes 而变得混乱。这是由 ng-include 引起的（我想通了）。我通过 templateUrl 在我的指令模板中使用了这种东西，它是用 HAML 编写的：

在下拉列表的多次点击中，视图似乎保留了旧项目并且似乎另外推送了新项目，即使调试状态模型正在正确更新并且干净（也在指令模型中检查）。我得到一个像这样的错误输出：

https://dl.dropboxusercontent.com/u/21600359/Bildschirmfoto%202013-10-13%20um%2001.31.30.png

有没有人可以给我一个关于如何让 ng-include 刷新和重建指令模板树结构的提示？

我真的很感激！

亲切的问候，亚历克斯

我要解决的问题是如何在 JavaFX Webview + AngularJS 中将单独的 html 文件注入到主文件中。我尝试使用 AngularJS ngInclude，但也许有更好的方法来实现它？由于不支持 jar://protocol，我在调试 AngularJS ng-include 时失败了。有没有办法使用 AngularJS 框架和 JavaFX 加载 html 文件？HTML 文件在 jar 文件中，AngularJS 是框架。我应该远离其中一个还是有一些解决方案？

细节：

我使用 nginclude 指令从 index.html subpage1.html 加载。它在 JavaFx 之外工作，但当我在 JavaFX 中使用 Webview 时失败。

As mentioned in the title, i can't figure out how to render html inside a partial with ng-bind-html.

Here is a plunker to illustrate.

http://plnkr.co/edit/YFfHsahcum7XA8GcH6b2?p=preview

I tried several combinations of ng-bind, ng-bind-html, $sce.trustAsHtml, {{HTMLString}} but none of it worked. Maybe I'm missing something completely different?

Any help is much appreciated! Thank you