- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
我试图在我的 ng-src 路径中放置一个随机整数,就像这样:
<div ng-repeat="user in users">
<img ng-src="{{randomPicture()}}" alt="">
</div>
这是我在 Controller 中的基本功能:
$scope.randomPicture = function(){
var PATH = 'assets/images/';
var image = Math.floor((Math.random() * 12) + 1);
var ext = '.jpg';
var randomPic = PATH + image + ext;
return randomPic;
};
图像已显示,但在控制台中出现此错误:
Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!
我在 stackoverflow 中发现了很多关于此的问题,但我仍然无法摆脱该错误。感谢您的帮助。
最佳答案
你的绑定(bind)是随机的,每次 Angular 执行这个绑定(bind)的观察者时它都会不同。
但是,Angular 只有在达到稳定状态时才会停止摘要循环,此时所有观察者连续两次返回相同的值,而您的情况永远不会发生。
简而言之,您不能在 Angular 绑定(bind)中绑定(bind)随机值或任何始终不同的值。您应该生成一次图片,并根据某些事件选择性地重新随机化它。
$scope.randomPicture = generateRandomPicture();
和
<img ng-src="{{randomPicture}}">
更新:如果你想每 3 秒刷新一次图片,你可以添加
// Generate a new random picture every 3 seconds
$interval(function() {
$scope.randomPicture = generateRandomPicture();
}, 3000);
更新 2: 现在我更好地理解了您的问题,如果至少使用 Angular 1.3,我会建议保留所有内容但使用 ::
如下所示.这样,您将为每个用户生成一张随机图片,但只生成一次。
在较早版本的 Angular 或替代方案中,您可以为每个用户生成一个感觉随机的确定性图像。例如在您的 HTML 中使用:
<img ng-src="{{randomPicture($index)}}">
在你的 Controller 中
var rand1 = Math.round(Math.random()*10);
var rand2 = Math.round(Math.random()*10);
$scope.randomPicture = function(index) {
var PATH = 'assets/images/';
var image = (index+rand1*rand2)%13 + 1;
var ext = '.jpg';
var randomPic = PATH + image + ext;
return randomPic;
};
::
语法(使用相同的代码
randomPicture
):
<img ng-src="{{::randomPicture()}}">
关于javascript - Angular - 错误 : 10 $digest() iterations reached. 中止,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29277410/
我想在某个条件不满足时中止这个方法,我该怎么做? 我不使用 tableView:willSelectRowAtIndexPath: 方法。我认为可以结合这两种方法来防止某些行被选择并被推送到另一个 V
list->history=(char*)malloc(sizeof(char)); strcpy(list->history,pch2); 当我使用上面的代码时,我无法多次打开该文件。它给了我这个
我试图在退出应用程序后阻止 BroadcastReceiver 出现。到目前为止,我只在安装应用程序时让它显示 Toast。它工作得很好,除了如果我退出应用程序,接收器仍然处于 Activity 状态
当我从 SDK 管理器运行它时,加载过程正常,但一旦完成,模拟器的闪光灯会出现然后很快消失。 有时加载后没有任何反应。 最糟糕的是,当它加载时,我会收到“太多模拟器实例正在这台机器上运行。正在中止”消
./product -rows 4 -cols 4 我收到这个错误: terminate called after throwing an instance of 'std::bad_alloc'
我想要的:我想成为第一个接收短信广播的人,如果我只对短信感兴趣,我想取消广播,这样广播就不会到达任何其他应用程序/接收器(默认消息应用程序ETC。)。我所知道的是: SmsDisptacher.jav
有人知道为什么我会在 LogCat 中收到此警告吗? 01-18 01:18:17.475: W/HardwareRenderer(25992): Attempting to initialize h
我在运行 Kivy hello world 程序时遇到了一个常见的错误。我尝试了我在这里看到的解决方案:手动安装 gstreamer,将其添加到 PATH 并安装 PySDL2。我的操作系统是 Win
这个问题不太可能帮助任何 future 的访问者;它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况相关,这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用,visit
这三者有什么区别,如果出现我无法正确处理的异常,我应该如何结束程序? 最佳答案 abort 表示程序“异常”结束,并引发 POSIX 信号 SIGABRT,这意味着您为该信号注册的任何处理程序都将被调
我在 .gitconfig 中将 rebase.autoStash 设置为 'true',这样我就可以运行 rebase 在脏工作树上。但是,如果 rebase 由于某种原因中止,则对跟踪文件的所有更
你好,我在 virtualenv 中使用 pyinstaller 创建了一个 kivy python 我的程序在控制台中使用命令 python cipol.py 运行成功,没有错误但是当使用命令 py
.load() jQuery的功能库允许您有选择地从另一个页面加载元素(遵循某些规则)。我想知道是否可以中止加载过程。 在我们的应用程序中,用户可以浏览项目列表。他们可以选择单击一个按钮,该按钮会加载
我最近尝试搁置对Mercurial的更改,并且发生了搁浅的rebase冲突,但最终解决了。此后出了点问题,因为现在当我尝试做其他事情时,出现以下错误: abort: unshelve already
我有一个持续运行的 azure Web 作业,但日志表明周末它的状态更改为“已中止”,然后变为“已停止”。虽然我周末没有使用该网站,但我不确定为什么会发生这种情况,因为队列中仍然有很多消息需要处理。
嗨,我正在编辑构建我的android APK的android docker实例。 我想添加一个checkstyle异常,如果发生任何警告,该异常将导致中止。 我在运行checkstyle的过程中起作用
我有一个具有多个阶段的 Jenkins 管道,例如: node("nodename") { stage("Checkout") { git .... } stage("Check
我的设置是这样的(为了清晰起见,进行了简化): Method 1 FB Method Method 3 ... 因此,每个方法,如果单击,都会淡入内联内容,除了具有“fb
我正在发送一个ajax请求,该请求在选择框的更改事件上调用。现在我想要的是,当向服务器发送新请求时,它将中止所有先前的ajax请求,否则将会有很多同时执行的 ajax 请求数。我只想执行最新的请求。
我有一个 AJAX 请求,它从远程文件中获取数据并显示在页面上的 div 中。当用户将鼠标悬停在链接上时,将调用 AJAX,并显示带有数据的 div,而当鼠标移出链接时,它会消失。 div 会立即显示
我是一名优秀的程序员,十分优秀!