如何显示立即添加的数据？
如何显示立即添加的数据？
提问于 2020-09-25 13:30:28
我正在本地添加数据。当我添加时，添加的数据量应该会显示在徽章组件中。但只有在切换到另一个页面后才会发生这种情况。我需要的数据要显示后立即添加。
该怎么做呢？
quantity = 0;
ngOnInit() {
setTimeout( () => {
for (var i = 0; i < this.order.list.length; i++) {
this.quantity += this.order.list[i].quantity
}
}, 1000)
}回答 2
Stack Overflow用户
发布于 2020-09-25 13:41:30
你正在组件中初始化你的数据，你已经粘贴了一小段。
组件能够通过将数据传递给其模板中的其他组件(子组件)来(直接)共享数据-这是通过将数据传递给子组件中的属性(使用@Input-decorator注释)来实现的。
以另一种方式传递数据(从子对象到其父对象)可以通过发出事件来完成。在这里，使用@Output-decorator注释在子组件中声明了一个EventEmitter。
如果你想在没有子/父关系的组件之间共享数据--可能是由Angular Router加载的组件，你可以将数据保存在一个@Service-annotated类中，这个类可以使用Angular的依赖注入机制注入。
这一切都在Angular的“英雄之旅”教程(可以在这里找到：https://angular.io/tutorial)中进行了详细的解释。
Stack Overflow用户
发布于 2020-09-25 13:45:50
尝尝这个,
import { Component, ElementRef, OnInit, ViewChild, ChangeDetectorRef, ViewRef } from '@angular/core';
constructor(private dtr: ChangeDetectorRef,){}
quantity = 0;
ngOnInit() {
setTimeout( () => {
for (var i = 0; i < this.order.list.length; i++) {
this.quantity += this.order.list[i].quantity
this.dtr.detectChanges();
}
}, 1000)
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64058328
复制相关文章
相似问题
腾讯云开发者
