问题标签 [angularjs-ng-include]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
7014 浏览

javascript - 使用动态源在 ng-include 上保留动画

我有一个 ng-include,它基于动态 url 加载内容(按预期工作)。

当我尝试对内容进行动画处理时,问题就出现enterleave(根据角度文档,这是 ng-include 提供的用于动画处理的两个事件)。

enter正在按预期工作,但不是leavetemplateUrl当我的控制器中更改时,我只是看到内容立即消失(而不是淡出) 。

有任何想法吗?

0 投票
2 回答
2038 浏览

angularjs - 在 ng-include 中动态加载的 AngularJS 指令不起作用

我有一个自定义指令,它添加了一些 html。

该指令在动态加载的 html 中加载和使用,该 html 包含在ng-include.

但它不起作用。-functionlinker永远不会被调用。如果我将dynamicscript.js脚本加载从包含的 html 移动到index.html.

这是Plunkr

0 投票
1 回答
583 浏览

javascript - 在同一元素上使用 ngInclude 时,ngRepeat 的动画不起作用

测试用例:http ://plnkr.co/edit/dsG3gxFomAK8Q15Xfouj?p=preview

上面的测试用例是使用ng-repeat指令两次呈现的数据列表。一次不使用ng-include,一次使用ng-include

为指令支持的所有三个(进入离开移动)动画设置了 CSS 过渡。ng-repeat所有三个动画在使用时都可以正常工作ng-include,但只有enter动画在使用ng-include加载列表中每个项目的模板时才有效。

我很确定这是一个错误,angular-animate但不确定。ng-repeat使用和ng-include组合时我可能做错了什么。我尝试挖掘angular-animate源代码并解决问题,但不能。我所想的(希望是真的)是该ng-include指令在所呈现的每个项目上方添加了一个注释节点,ng-repeat并且该节点正在摆脱angular-animate's 的工作。这也是两个实现之间唯一明显的区别。

另请注意,当没有设置动画时,所有功能都可以正常工作。但是在使用 的示例中ng-include,不仅动画(用于向上或向下移动项目)搞砸了,而且项目甚至都没有移动。

这是一个错误吗?如果是这样,是否有已知的解决方法?我尝试在 github 上搜索 angular.js 的问题,但找不到解决方法(我发现的那些不起作用)。感谢您对此的任何帮助。

0 投票
2 回答
157 浏览

javascript - 在 DOM (html) 上下文中使用角度范围函数时的问题

编辑:问题是由于尝试使用 ng-repeat \ ng-options 迭代函数的返回值,而不是使用 promise 将数据解析为常规对象而引起的。

代码:

HTML:

以上冻结屏幕没有错误。

尝试使用插值

但后来我得到了一个角度解析器错误。

还尝试使用原始插值,但也没有运气:

layout.getPartialUriSafePrimitive - 包含带有部分 URI 的字符串。

提前感谢您的帮助,我一直在尝试升级到 ng 1.2.x,到目前为止遇到了许多在 1.2.2 中解决的问题,但这个特定问题仍然存在。

0 投票
1 回答
1556 浏览

javascript - ng-include 递归地包括整个 index.html,并给出错误“达到 10 $digest() 迭代”

我在使用 ng-include 时遇到以下问题。我错过了什么?有人有类似的问题吗?

  1. 该模板test.html从不包括在内。
  2. <h1>Testing</h1>重复了很多很多次。
  3. 我得到以下
    Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!
  4. 检查浏览器中的 html 元素,显示整个 index.html 被 ng-include 递归包含。

我正在做的是一个简单的测试,其中包含一个精简的 index.html

索引.html

测试.html

在浏览器中我得到:

测试

测试

……

测试

在浏览器中检查 html,显示 index.html 的递归包含:

0 投票
2 回答
12736 浏览

html - angularjs - 将 ng-include 指向包含脚本指令的部分

这是对原始问题的编辑:

当使用该ng-include指令在所有页面上重用我的标题 HTML 时,加载/呈现顶部导航栏会有一点延迟。为了缓解这个问题,我试图指向ng-include一个 header.html 文件,其中包含<script type='text/ng-template' id='header.html>...</script>以便它预加载部分。

但我似乎无法让它工作。我只是在将 header.html 的内容直接粘贴在 index.html 中时才成功,这违背了重用标头代码的目的。

script的文档仅给出了使用内联模板的示例,而ngInclude的文档未script在示例模板中使用。

可以ngInclude加载使用 Angularscript指令的文件吗?

索引.html:

header.html:

主.js:

0 投票
1 回答
1426 浏览

angularjs - 我可以用 ng-include URL 附加一个字符串吗?

我可以做这样的事情:

<div ng-include="{{data}}Template"></div>
-- 要求是在模板 URL 中附加一个常量字符串。

0 投票
1 回答
5572 浏览

javascript - 如何捕获角度 ng-include 错误

当我ng-include用作标题时,地址(文件路径)不存在时如何捕获错误?

我完成了一个ng-include router里面的 a ng-view(with ng-route),有点像这样:

内容控件

内容视图

当我使用 addr 时,例如:/home/#/content/profile_asdfa,角度只是在循环中获取资源。因此,当哈希中没有模板文件时,我需要捕获 ng-include 错误。有谁能够帮我 ?谢谢!

0 投票
3 回答
22724 浏览

angularjs - ng-repeat 与 ng-include 不起作用

我正在尝试使用ng-repeat包含ng-include. 问题是 ng-repeat 中的第一个元素只是ng-include模板,没有ng-repeat填充任何数据。有没有办法我可以以某种方式将模板绑定到第一个元素ng-includeng-repeat

例如,如果 myng-repeat包含 10 个项目,则呈现的第一个项目将只是空模板。项目 2-10 将按应有的方式呈现。我究竟做错了什么?

0 投票
2 回答
4965 浏览

angularjs - 我可以嵌套 ng-include 吗?

我有一个通过插入的模板,ng-include该模板也有一个ng-include. 内部ng-incude没有显示。为什么?

主模板:

意见/outer.html: