问题标签 [angular-template]

I use both server side templates and angular ones. When page is opened for the first time it contains <div ng-view> containing rendered page. Then angular starts, Firstly showing empty template then downloading data and showing same thing as at the beginging.

How to disable angular.js rendering not to modify DOM until data is downloaded?

所以我的问题是不言自明的，我想传递一个从角度模板引擎获得的参数作为参数。

就像是：

问题是作为参数传递的任何其他数值都可以正常工作，正如以下 plunkr 所强调的： http ://plnkr.co/edit/GqTDpc?p=preview

但是，一旦我尝试使用模板引擎中的值，它就会中断。

强调我的确切问题的 plunker：http: //plnkr.co/edit/FdlBQ1

我正在使用带有模板 html 的路由

在呈现模板 html 后，我需要做一些事情来使用 jquery 操作 DOM（我知道这不是一个好习惯，但我找不到我的问题的答案）

但是，我找不到在模板 html 呈现后立即发生的正确事件。我尝试了以下操作，但不起作用。

当我调试到 viewContentLoaded 时，模板 html DOM 仍然不可见。有任何想法吗？

背景： 我们假设您有 100,000 个视图（部分）。我们还假设您有附带的视图范围控制器，以及潜在的视图范围服务和过滤器。尝试设想一个可托管 100,000 个不同小型应用程序的聚合应用程序。

问题： 当您有需要随附控制器的“部分”时，典型的解决方案是执行以下操作：

控制器通常通过以下方式从 index.html 加载：

这种方法的问题在于它不能扩展。有一些动态加载控制器的解决方案，但它们仍然需要在各种配置中添加接触点。

理想解决方案： 理想情况下——同样对于数量为 000 的非常小的应用程序，控制器可以动态加载，并且可以从部分本身内部加载。这将减轻管理多个文件和多个配置接触点（更不用说网络请求）的需要，并保持每个部分都得到很好的包含。

它看起来像这样：

在路由器中：

在包含 html (app-frame) 中包含相对不同的“迷你应用程序”：

在使用 appUrl 部分解决时，将控制器和标记定义为一个：

对于这种情况，控制器和视图有很多部分和 1-1 映射，将两者结合起来以提高开发效率和维护是有意义的。这比使用多个文件和额外的配置接触点要干净得多。

问题是，这行不通。它可能就像在应用指令之前强制脚本加载一样简单......但不确定如何做到这一点？

以下是对该问题的一些类似解释：

https://groups.google.com/forum/#!topic/angular/H4haaMePJU0

使用 Angular 加载部分页面并编译控制器

AngularJS 团队的 Igor 说：

但我不知道他所说的“使用 jquery”是什么意思...... JQuery 已经从 index.html 加载到应用程序中（并且在 angularjs 之前），但听起来我需要在部分本身内专门做一些事情。

我有一个这样的html，

这是我的模板

当我单击单击按钮时，我想将此模板附加到第一个（类名）div 中。我想为每次单击附加此模板。怎么做 ？

我正在创建一个指令，该指令将通过侦听 $rootScope 上的 $routeChangeError 事件来显示和显示内容。

我通过像这样内联模板来完成所有工作：

但是用 templateUrl 替换模板（正如我在示例中注释掉的那样）不起作用。模板加载，但绑定似乎不起作用。

控制台中没有错误。

我玩过各种指令设置，但没有成功让它工作。我想也许我必须要求 ngShow，但是当我尝试时，我得到一个 $compile 错误：

我想也许我必须使用范围设置，但我不明白如何。我发现文档有点混乱。

我在正确的轨道上吗？

在每个 Angular 模板中，我们必须定义一个根 html 节点，然后在其中我们可以定义指令的 Html。

有没有一种角度忽略该根节点的方法？例子 ：

我的指令模板：

我们可以将我们的模板设置为

谢谢！

所以我试图在 IE8 上进行 Angular 工作。我已按照http://docs.angularjs.org/guide/ie上的所有步骤进行操作，并且它似乎正在工作——ng-view当我在视图之间切换时，我看到了在 IE8 上呈现的内容。

问题是我实际上没有在检查器中看到任何内容：

.. 它只是一个空的 ng-view 标签。我可以看到页面上的所有内容，但没有任何样式应用于ng-view.

我不确定这是角度问题还是 HTML5 问题。我在外面添加了html5shiv和 HTML5 元素，ng-view它们的样式很好。

编辑

我已经确定问题出在 HTML5 元素上。<section>并且<article>没有样式 inside ng-view，而简单的 div 接收所有指定的样式。之外ng-view，<nav>并且<header>样式很好。

我想执行一个轮播插件，但我找不到正确的回调（“加载所有模板内容后”）。基本上我有一个模板，它有很多循环抛出 json 对象。

这是我的控制器获取 json 数据。

我见过类似的问题，但没有一个能解决问题的根源，假设如下：

1. 我不能使用whenGET('').passThrough()，因为我没有使用ngMockE2E。
2. 我不需要使用ngMockE2E，因为我正在为一个指令编写单元测试，该指令实际上除了吐出“bar”之外什么都不做。
3. 一个建议是使用代理服务器来提供这些 HTTP 响应，但这不会违背单元测试的目的吗？

现在，让我向您展示我的指令：

这是单元测试：

现在，该测试可以很好地处理所有这些虚假$httpBackend业务，但这完全不属于我的单元测试！我怎么拉这个$httpBackend使用 templateUrl 将这些废话拉出来并阻止 AngularJS 应用程序配置块在我的指令单元测试中运行？

注意：仅当指令中有 templateUrl 时才会发生这种情况。

顺便说一句，在应用程序配置块中触发此 HTTP 请求的代码是：

但我认为这不一定相关。