问题标签 [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.
javascript - 使用动态源在 ng-include 上保留动画
我有一个 ng-include,它基于动态 url 加载内容(按预期工作)。
当我尝试对内容进行动画处理时,问题就出现enter
了leave
(根据角度文档,这是 ng-include 提供的用于动画处理的两个事件)。
enter
正在按预期工作,但不是leave
。templateUrl
当我的控制器中更改时,我只是看到内容立即消失(而不是淡出) 。
有任何想法吗?
angularjs - 在 ng-include 中动态加载的 AngularJS 指令不起作用
我有一个自定义指令,它添加了一些 html。
该指令在动态加载的 html 中加载和使用,该 html 包含在ng-include
.
但它不起作用。-functionlinker
永远不会被调用。如果我将dynamicscript.js
脚本加载从包含的 html 移动到index.html
.
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 的问题,但找不到解决方法(我发现的那些不起作用)。感谢您对此的任何帮助。
javascript - 在 DOM (html) 上下文中使用角度范围函数时的问题
编辑:问题是由于尝试使用 ng-repeat \ ng-options 迭代函数的返回值,而不是使用 promise 将数据解析为常规对象而引起的。
代码:
HTML:
以上冻结屏幕没有错误。
尝试使用插值
但后来我得到了一个角度解析器错误。
还尝试使用原始插值,但也没有运气:
layout.getPartialUriSafePrimitive - 包含带有部分 URI 的字符串。
提前感谢您的帮助,我一直在尝试升级到 ng 1.2.x,到目前为止遇到了许多在 1.2.2 中解决的问题,但这个特定问题仍然存在。
javascript - ng-include 递归地包括整个 index.html,并给出错误“达到 10 $digest() 迭代”
我在使用 ng-include 时遇到以下问题。我错过了什么?有人有类似的问题吗?
- 该模板
test.html
从不包括在内。 <h1>Testing</h1>
重复了很多很多次。- 我得到以下
Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!
- 检查浏览器中的 html 元素,显示整个 index.html 被 ng-include 递归包含。
我正在做的是一个简单的测试,其中包含一个精简的 index.html
索引.html
测试.html
在浏览器中我得到:
测试
测试
……测试
在浏览器中检查 html,显示 index.html 的递归包含:
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:
angularjs - 我可以用 ng-include URL 附加一个字符串吗?
我可以做这样的事情:
<div ng-include="{{data}}Template"></div>
-- 要求是在模板 URL 中附加一个常量字符串。
javascript - 如何捕获角度 ng-include 错误
当我ng-include
用作标题时,地址(文件路径)不存在时如何捕获错误?
我完成了一个ng-include router
里面的 a ng-view(with ng-route)
,有点像这样:
内容控件:
内容视图:
当我使用 addr 时,例如:/home/#/content/profile_asdfa,角度只是在循环中获取资源。因此,当哈希中没有模板文件时,我需要捕获 ng-include 错误。有谁能够帮我 ?谢谢!
angularjs - ng-repeat 与 ng-include 不起作用
我正在尝试使用ng-repeat
包含ng-include
. 问题是 ng-repeat 中的第一个元素只是ng-include
模板,没有ng-repeat
填充任何数据。有没有办法我可以以某种方式将模板绑定到第一个元素ng-include
上ng-repeat
?
例如,如果 myng-repeat
包含 10 个项目,则呈现的第一个项目将只是空模板。项目 2-10 将按应有的方式呈现。我究竟做错了什么?
angularjs - 我可以嵌套 ng-include 吗?
我有一个通过插入的模板,ng-include
该模板也有一个ng-include
. 内部ng-incude
没有显示。为什么?
主模板:
意见/outer.html: