Angular不会在新数据到达时更新视图
Angular是一种流行的前端开发框架，它采用了MVVM（Model-View-ViewModel）的架构模式，通过数据绑定实现了视图和数据的自动同步更新。然而，Angular在默认情况下不会在新数据到达时自动更新视图。
在Angular中，视图的更新是通过变更检测机制来实现的。当组件中的数据发生变化时，Angular会通过比较新旧数据来确定是否需要更新视图。这个比较过程是基于对象引用的，而不是基于对象内容的。换句话说，只有当数据的引用发生变化时，Angular才会认为数据发生了变化，从而触发视图的更新。
这意味着，如果我们在Angular中更新了一个对象的属性，但对象的引用没有发生变化，视图是不会自动更新的。为了解决这个问题，Angular提供了一些机制来手动触发视图的更新。
一种常见的方法是使用ChangeDetectorRef服务的detectChanges()方法来强制触发变更检测。我们可以在数据更新后调用detectChanges()方法，以通知Angular检查数据变化并更新视图。
另一种方法是使用@Input装饰器来监视输入属性的变化。当输入属性发生变化时，Angular会自动触发变更检测并更新视图。我们可以在组件中定义一个带有@Input装饰器的属性，并在父组件中绑定数据到这个属性上，这样当父组件的数据发生变化时，子组件的视图会自动更新。
总结起来，虽然Angular不会在新数据到达时自动更新视图，但我们可以通过手动触发变更检测或使用@Input装饰器来实现视图的更新。这样可以确保视图与数据的同步，并提供更好的用户体验。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云CDN：https://cloud.tencent.com/product/cdn
- 腾讯云安全产品：https://cloud.tencent.com/product/security
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 物联网套件：https://cloud.tencent.com/product/iot-suite
- 移动推送服务：https://cloud.tencent.com/product/umeng
- 对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
- 腾讯云游戏多媒体引擎：https://cloud.tencent.com/product/gme
- 腾讯云视频处理服务：https://cloud.tencent.com/product/vod
相关·内容
this.searchValue; this.searchValue.next(searchValue); <div *ngFor="let servicesubscribe(value => {
console.lo
浏览 15提问于2020-01-13得票数 2
我有一个表视图，可以将数据从CoreData加载到视图中，没有问题。我有一个添加按钮在顶部，在一个新的桌面视图，有一个长长的列表，他们可以选择的选择。这个表视图也很好，包括一个搜索栏。当用户从第二个表视图中选择一个项行时，它会将该项插入到CoreData中，并返回到第一个表视图。这就是我的问题所在，数据不会在可见视图上更新。我调用tableview.reloaddata()，我可以
浏览 0提问于2014-12-15得票数 0
回答已采纳
问题是，我正在从DataBase读取数据，这些数据变化相对较快，比方说每30秒，我需要滚动回收器来检查新数据并按下一些按钮，每次我按下按钮，它就会改变颜色，但有两件事正在发生。2-来自数据库的每个数据都需要一些调整，为此，我按下一个按钮，当我按下它时，这个按钮会改变它的颜色，所以我知道该按钮的动作已经完成，但是，每次计时器刷新回收器时，它不仅会转到第一个项目，而且会将按钮变成原始颜色，因为它正在用数据库中的数据重新创
浏览 22提问于2017-02-11得票数 0
回答已采纳
但在同一时间，事务将生成更多，那么如何显示最近的on，因为它们不断生成。
我想使用node.js作为后端，angular.js作为前端，在私有的以太区块链上创建一个Block Explorer。
浏览 0提问于2017-03-05得票数 0
2回答
当我在获取数据后订阅服务时，我的对象值不会在模板视图@angular中更新 `` userDatafromDB: UserRead;
constructor
浏览 30提问于2019-04-04得票数 0
我使用的是angular.js和stomp，sock.js在本教程下面。我从websocket获得消息，但是模板视图不会在websocket消息到达后刷新。当我想更新模板视图时，我需要清除输入框，或者用鼠标滚动。
浏览 0提问于2014-06-10得票数 1
回答已采纳
我在下面提供了一个柱塞，当你点击这个按钮时，会执行一个循环，将数据添加到一个ng-repeat中。在每次循环之后，数据被假定为console.log()容器的ScrollHeight。i < len; i++) { } angular.element
浏览 0提问于2014-05-01得票数 0
我正在构建一个小应用程序，希望在新数据到达时自动更新。从我所读到的android文档中，我认为，因为我使用的是在后台创建一个ContentObserver的更新技术，所以我只需要自动调用Loader。ListActivity通过使用Loader和SimpleCursorAdapter来获取数据。
此外，
浏览 3提问于2014-06-06得票数 4
回答已采纳
1回答
如何在新数据到达后更新模型(和视图)以避免这种闪烁效应？routeParams.modelId $timeout(tick, 2000);})();
//编辑:我使用的是Angular.js
浏览 0提问于2013-05-03得票数 6
回答已采纳
1回答
我在AngularJS中有一个组件，它将一个值保存到视图中的<img>的作用域。当用户更改图像时，控制器通过$rootScope.$emit发出更改，URL值更新，显示新上传的图像的视图也应该这样做： templateUrl: 'data-ng-src="{{$ctrl.avatarimage}}" alt
浏览 3提问于2019-10-25得票数 0
回答已采纳
synchronized (view) { }
我希望当我点击一个项目时，列表会在适配器中更新。
浏览 4提问于2014-09-19得票数 1
回答已采纳
我有UITableView，它从X url加载数据，然后在每个UITableViewCell配置方法中加载数据，从Y url加载更多数据。问题：I将UITableViewCell高度设置为UITableViewAutomaticDimension，当单元格加载额外数据时，UITableViewCell似乎不会更新高度。我的问题是：是为每个单元加载额外数据和根据接收到的内容更新高度的有效方法，考虑到我在每个单元中有大约8个组件，所以我不认为重新加载所有单
浏览 0提问于2018-09-24得票数 0
...so我调用了loadBitmap 77次，对于一个当前有12行的listview来说，它是链式的(在加载时屏幕上有6个显示，只有第7个显示的提示)。
浏览 2提问于2013-06-08得票数 3
回答已采纳
1回答
此外，它有一个动画效果-每次底层数据被改变(项目添加，删除，重新排序)，有一个动画，每个瓷砖移动到它的新位置。这件事做得很好。我的问题是关于视图的回收。典型的布局，接受多个子视图，如ListView或GridView，有一个回收机制。在滚动图上，当一个视图不可见时，它被回收，当它即将被用户看到时，它又回来了。
浏览 0提问于2013-03-02得票数 3
回答已采纳
我的nodejs项目中有一个中间件，它从我的数据库返回一个令牌，用于从API获取数据。此令牌上有过期时间。如果令牌过期，我将使用刷新令牌(也在我的数据库中)来获取新的令牌。然后返回一个新的令牌和一个新的刷新令牌，并更新数据库中的my行。假设两个请求同时到达我的端点，并且令牌在那个时刻过期。我如何让我的第二个传入请求在令牌更新之前等待，这样它就不会在第一个传入请求已经发送了新的访问令
浏览 0提问于2019-11-09得票数 0
1回答
我正在尝试编写一些代码，它接收udp数据包的图像并将它们显示在UIImageView上。imageIn]; [self.Display setNeedsDisplay];
显示是图像视图的现在，第一图像可以显示在屏幕上，但是当接收到新的数据包时，图像不被更新。我检查了服务器端，并正确地发送了图像。有人有什么想法吗？提前谢谢。
浏览 3提问于2013-06-16得票数 0
我正在使用JQuery Mobile (JQM)和Angular.js的JQM-adapter ()来试用Angular.js。事情通常都很好，但是当我使用嵌套的listview时，我在更新绑定时遇到了一个问题。我已经破坏了‘todo’应用程序来举例说明我的问题：
为什么按钮标签绑定不会在点击处理程序中更新(ng- click ="task.name = 'changed'")？当列表视图不是嵌套的，并且使用普通的Ang
浏览 0提问于2012-09-09得票数 0
3回答
我有一个指令将新选项添加到select中。我用的是： '<option value="' + opcion.valor + '">' + opcion.texto$compile(opt)(scope));这些选项被添加到视图的列表中。但是当我选择其中一些时，select的ng模型不会被更新</
浏览 6提问于2017-09-17得票数 9
回答已采纳
当我使用下面的代码时，我可以在到达列表视图的底部时获取新数据 controller.addListener(() { postController.fetchNewPosts(postController.postList.last.timeupdated); }); 但我不想在到达底部
浏览 44提问于2021-02-03得票数 0
1回答
我有一个工厂，它使用服务($http调用)存储和定期更新一些数据。每次更新数据时，我都需要视图中的繁忙指示器。工厂公开数据对象和承诺。angular.module('myUI') var promise= {};
function
浏览 2提问于2017-04-27得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
