个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
25
4
我的 Angular 应用程序由以下层组成:
service() 用于计算和数据处理factory() 用作多个 Controller 的公共(public)数据存储controllers()我的 Controller 公开来自工厂的函数，而工厂又从服务中调用函数。在 HTML 中，我运行 Controller 函数并向用户显示输出:{{ controller.function() }}。
我注意到，当页面加载时，以及每次后续模型更改时，controller.function() 都会运行两次。为什么会这样？如何避免不必要的调用？
参见 working example - 打开浏览器 JS 控制台，单击 Run 并观察 console.log() 行被执行了两次。
angular.module('myApp',[])
.service('Worker', [function() {
this.i = 0;
this.sample = function(data) {
console.log(this.i.toString() + " " + Math.random().toString());
return JSON.stringify(data);
};
}])
.factory('DataStorage', ['Worker', function(worker) {
var self = this;
self.data = [{}, {}];
self.getData = function() {
return self.data;
}
self.sample = function() {
return worker.sample(self.data);
};
return {
getData: self.getData,
sample: self.sample
};
}])
.controller('MainController', ['DataStorage', function(DataStorage) {
var self = this;
self.data = DataStorage.getData();
self.sample = DataStorage.sample;
}])
.controller('DataSource', [function() {
var self = this;
self.data = ["one", "two", "three", "four", "five", "six"];
}])
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<script data-require="angularjs@1.5.8" data-semver="1.5.8" src="https://opensource.keycdn.com/angularjs/1.5.8/angular.min.js"></script>
<script src="script.js"></script>
</head>
<body ng-controller="MainController as main">
<div ng-controller="DataSource as datasource">
<div ng-repeat="select in main.data">
<select ng-model="select.choice" ng-options="value for value in datasource.data">
<option value="">-- Your choice --</option>
</select>
</div>
<pre>
{{ main.sample() }}
</pre>
</div>
</body>
</html>
为什么这个函数在每次模型更改时都会运行多次，我如何确保它只运行一次？
我曾尝试将工厂函数输出分配给 Controller 变量(并在 HTML 中使用 {{ controller.function }} - 注意缺少括号)，但是函数只运行一次。当模型更改时，它应该在新数据上运行。
StackOverflow 上报告的类似问题都与我没有使用的 ng-route 模块有关。
最佳答案
发生这种情况是因为您在这样的表达式中调用函数 sample():
{{ main.sample() }}
如果你使用这样的表达式，这个函数将至少被调用两次。
原因是因为 Angular 运行摘要循环直到所有内容都是最新的(因此，它至少会更新两次)。在您的情况下，它第一次运行以返回值，第二次运行以验证是否还有任何更改。
如果将函数放在 ng-change 指令中，则可以确保它只运行一次。
在你的情况下它将是:
<select ng-model="select.choice" ng-change="main.sample()" ng-options="value for value in datasource.data">
<option value="">-- Your choice --</option>
</select>
关于javascript - 为什么每次模型更改时 Angular run controller 都会运行两次？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41324845/
25
4
0
我已经通过 AVD 管理器启动了我的模拟器，一旦它运行，我点击了 run app。我已经等了几分钟，我的正在运行的设备出现在 选择一个正在运行的设备 中，但窗口始终保持空白。 最佳答案 您正在运行的项
我想在安装新数据库之前删除旧数据库，以便为用户更新它。 我有以下情况: 在我的 Components 部分中，我为用户提供了一个选项: [Components] Name: "updateDataba
如果我将一个 Python 模块实现为一个目录(即包)，它同时具有顶级函数 run 和子模块 run，我可以指望 from example import run 总是导入函数？根据我的测试，至少在 L
我在 Eclipse Juno 上使用 Tomcat 7。我使用工作区元数据作为服务器位置(请参阅下面的我的 tomcat 配置)。 我也收到了 服务器项目在 eclipse [请看下图] 中使用单独
我正在做一些测试以了解 java 中的不同线程状态，并且遇到了一些查询。 通常，当一个线程被实例化时，它被称为处于 "NEW" 状态，然后当调用它的 start() 方法时，操作系统调度程序获得控制权
当我使用命令 npm run build -- --prod 时，我收到以下错误消息: 属性“PropertyName1”是私有(private)属性，只能在“AppComponent”类中访问 “A
我正在尝试将默认的“运行”键盘快捷键更改为 ⌘R。 - 因为我不想每次都伸手去拿触控板，而且我的手指不够长，无法一次执行⌥⇧F10。 “运行”和“运行...”有什么区别？ 最佳答案 ... 用于菜单中
我现在不知道如何编写一个合适的方法来测试这种行为。请不要投反对票.. 我现在有一个 java 类负责处理数据并将数据添加到多个数据库。每个数据库都保存相同的数据，但处理方式不同(例如，以不同的插值率进
我知道不应该调用 run 方法来启动新线程执行，但我指的是 this article他们在另一个 run 方法中调用了 runnable.run(); ，这似乎暗示它启动了一个新线程或者根本没有cre
当我尝试在Windows 10/11下使用Eclipse 2023-06调试任何应用程序(甚至是hello.c)时，我总是收到以下错误：。该错误清楚地指示-(错误2)-路径是错误的。。我试图在互联网上
在运行vue文件时，需要进行npm操作，但我们发现，有时候用的是npm run serve，而有的时候用的是npm run dev，二者有什么区别 在我们运行一些 vue 项目的时候，输入npm ru
我想在 cloud run 上运行一个长时间运行的作业。该任务可能执行超过 30 分钟，并且主要发送 API 请求。cloud run 在大约 20 分钟后停止执行，从指标来看，它似乎没有识别出我的任
我们无法让 SSE 从 Google Cloud Run 上的容器发送。我已经尝试使用一个简单的 SSE 示例( https://github.com/kljensen/node-sse-exampl
直到最近，我一直在执行这个美丽来构建 + 运行一个带有堆栈的项目: stack build && .stack-work/install/x86_64-linux/lts-4.1/7.10.3/bin
我们有一个小脚本，可以抓取网页(约 17 个条目)，并将它们写入 Firestore 集合。为此，我们在 Google Cloud Run 上部署了一项服务。 这段代码的执行需要大约 5 秒 when
我是Docker的新手，我知道一种运行交互式容器的方法如下: $ docker run -it image-name bash 要么 $ docker run -it image-name /bin/
Dockerfile 中的多个 RUN 条目之间有什么区别，例如: FROM php:5.6-apache RUN docker-php-ext-install mysqli RUN apt upda
对于来自文档的云运行内存使用情况 ( https://cloud.google.com/run/docs/configuring/memory-limits ) Cloud Run applicati
今天早上我更新了我的 Ubuntu 版本，现在我无法从 eclipse 运行我的应用程序。 问题是，当我单击“运行方式”时出现的列表是空的，我无法运行任何内容。 我该如何解决这个问题？ 我能看到的唯一
我正在 intelliJ 上使用 livereload 测试 spring-boot-devtools。我有一个简单的 SpringBootApplication，可以正常工作。 当我从 maven
我是一名优秀的程序员,十分优秀！