Angular:如何刷新ngOnInit方法
Angular是一种流行的前端开发框架，用于构建单页应用程序。ngOnInit是Angular中的一个生命周期钩子方法，它在组件初始化时被调用。如果想要刷新ngOnInit方法，可以采取以下几种方法：
- 强制刷新页面：可以通过刷新整个页面来重新加载组件并触发ngOnInit方法。可以使用浏览器的刷新按钮或者按下F5键来实现。
- 使用路由导航：如果组件是通过路由导航到达的，可以使用Angular的路由导航功能来刷新ngOnInit方法。可以通过在组件之间进行路由跳转来重新加载组件并触发ngOnInit方法。
- 使用Angular的路由重用策略：Angular提供了路由重用策略，可以在组件之间进行导航时控制是否重新加载组件。可以通过配置路由重用策略来实现刷新ngOnInit方法。
需要注意的是，ngOnInit方法只在组件初始化时被调用一次，如果想要在组件每次显示时都触发该方法，可以考虑使用其他生命周期钩子方法，如ngOnChanges或ngDoCheck。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：提供可扩展的云服务器实例，适用于各种规模的应用程序。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云函数（SCF）：无服务器计算服务，可帮助开发者构建和运行云端应用程序。详情请参考：https://cloud.tencent.com/product/scf
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于存储和处理各种类型的数据。详情请参考：https://cloud.tencent.com/product/cos
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目要求进行评估。
相关·内容
，有特定产品类别的不同重定向，当单击这些按钮时，它会重定向到一个组件，该组件获取URL参数，并咨询服务并检索该特定类别的数据，问题是，当第一次单击它时，它可以工作，但第二次它不会，它只更改URL，但不刷新数据constructor(private activatedRoute: ActivatedRoute, private productsService: ProductsService) { this.products = res;
console.lo
浏览 64提问于2020-10-15得票数 0
回答已采纳
2回答
是否可以通过相同的routerLink刷新组件映射？让我们假设这种情况：
appRoutes:路由=//其他路线.是否有可能将组件刷新到初始状态？可能还有其他方法吗？
我想强调的是，这种清除形式是不够的，因为来自3. point的操作
浏览 3提问于2017-04-11得票数 2
我有3个不同的页面在我的angular (我使用Angular 6)，但我仍然困惑如何让我的所有页面自动刷新/重新加载间隔时间。 有没有什么方法可以做函数或者其他东西？与每个页面component.ts、component.html或应用路由中的自动刷新/重新加载相关。模块？ 有什么建议或经验来制作这样的东西吗？例如component.ts： import { Component, OnInit } from '@angular/
浏览 15提问于2019-02-17得票数 5
回答已采纳
1回答
this.apiService = apiService; this.sanitizer = sanitizer;
ngOnInit
浏览 12提问于2017-07-07得票数 0
2回答
我想重新路由屏幕，让它们在本质上重新开始，刷新屏幕。当然，路线不会改变，屏幕也不会改变，因为它们在同一条路线上。是否有某种方法可以强制路由重新加载或刷新。我有几个不同的路由和不同的组件需要它。
浏览 8提问于2017-12-17得票数 0
1回答
如何在将一个页面重定向到另一个页面后强制刷新页面。当我尝试在ngOnInit()中使用location.reload时。页面不断刷新。 在刷新页面之前，DOM/Model中的项目不会更新。示例代码链接 Angular 5 page reload data refresh not working
浏览 20提问于2019-01-31得票数 0
1回答
我是一个Angular2初学者，创建了一个测试笔记应用程序.这个应用程序很简单:我有一个NotesContianerComponent，它连接到一个NoteService，它有getNotes()和addNote()方法。在NotesContainerComponent中，我将服务返回的数据存储在成员myNotes和ngOnInit事件中，刷新数组。到目前为止，我在代码中的任何地方都不会触及那个数组。我没有做任何事情来手动刷新它。
为了进行研究，我将一个console.log()添加到服务的getNote
浏览 4提问于2017-04-16得票数 0
回答已采纳
2回答
在ngInit上，我创建了一个订阅者，如下所示： this.myService.getData(param1) })}
那么，如果我需要在getData()中使用param2，我该如何进行刷新？有没有其他可行的刷新方法？很抱歉问你这个哑巴问题，我刚接触Angular。谢谢
浏览 14提问于2018-02-07得票数 0
我有一个服务，它通过两个方法向我的API发送HTTP请求:一个是获取数据，另一个是在单击事件之后更新对象。我的初始数据在ngOnInit()上调用时存储 this.data = this.myservice.getData();单击按钮时会调用一个方法： this.myservice.update(id); 这可以很好地工作，但是当我单击update方法时，我需要刷新页面以使用新的更新值查看我的数据。我
浏览 0提问于2018-01-18得票数 0
下面是B页的代码import { Component, OnInit } from '@angular/core';由于this.newsService.currentArticle未定义，它将导航回页面A。现在，我不确定它是否是一个bug，因为我不完全理解角在生命周期挂钩方面是如何工作的，以及如何利用离子角度来使它工作。
我现在没什
浏览 2提问于2020-02-25得票数 0
2回答
当表单提交时，我希望重新加载我的页面，这样我的页面内的给定表就会被更新，并使用表单中发送到后端的数据进行刷新。 'groupdescription': new FormControl(null, [Validators.required]) }
ngOnInit
浏览 13提问于2022-04-30得票数 0
回答已采纳
我有日志组件，它在我登录时出现：import{Observable} from 'rxjs/Rx';import { LogService } from '..},
浏览 3提问于2017-03-18得票数 0
回答已采纳
1回答
定期检查服务工作者更新
、、、、
如何每分钟轮询服务器以检查服务工作进程更新？任何帮助都将不胜感激。ngOnInit(){
this.swUpdate.available.subscribe( () => {
浏览 3提问于2018-02-08得票数 5
我有一些数据填充到我的Angular 2应用程序中，所有的工作都像预期的一样，除了有时页面组件在信息显示之前加载。在这些情况下，我可以点击“刷新”并填充数据。然而，这当然不是我们想要的行为。因此，我的想法是将负责调用此信息的函数移动到ngOnInit生命周期钩子中。然而，当我尝试这样做时，我的IDE显示了一个错误，我不确定为什么。public doctor: DoctorModel;
super();
ng
浏览 5提问于2017-02-21得票数 0
回答已采纳
3回答
成功删除数据后，我希望页面刷新。当我删除或更新时，我必须进行页面刷新，然后是数据刷新。如何在离子4中使用navController请帮助我.<ion-header> <ion-buttons slot="start/angular';
浏览 0提问于2019-02-11得票数 6
回答已采纳
1回答
我正在用angular 6创建一个Instagram克隆，我面临着一个问题。如果我在主页组件的页面上刷新，它会正确地显示我的所有帖子，但如果我在个人资料页面上刷新，它会自动将我重定向到主页，而不是刷新并保持在个人资料页面上 ? 刷新后，它仍能正常工作 纵断面图 ? 刷新后 ? app.routes import {Routes} from '@angular/router'
import { AcessoComponent } f
浏览 9提问于2019-04-21得票数 1
我已经用angular做了一个博客应用程序，其中包含博客详细信息的名为blog-details的组件在左侧呈现，另外两个名为最近的博客和类别的组件呈现在组件的右侧。现在，当我尝试通过最近的博客更改博客时，浏览器上的路由URL正在更改，但是直到我手动刷新浏览器后，新博客的详细视图才会呈现在blog-detail组件上。private router: Router, private blogpostService: BlogpostService, private titleService: Title) { }
浏览 21提问于2020-04-15得票数 0
我是Angular 2的新手。我有一个导航服务，它可以很好地为我的应用程序确定标题，但只有当应用程序在Angular 2应用程序中没有刷新时才有效。ngOnInit() {
localStorage.setItem('defaultNavHeading&
浏览 1提问于2017-04-06得票数 0
1回答
消息传递组件超级慢
、、、、
我有一个消息传递组件，它可以让我的系统中的另一个用户编写消息。问题是，当我打开组件时，站点变得超级慢，在加载消息之前需要15秒。我可以在代码中做什么不同的事情来使它正常工作？ return this.messages.concat(this.uploadingMessages);<ng-container #messageList *ngFor="let m of allMessages(); let i = index; trackBy: trackByMessageId">
<div *ngIf=
浏览 4提问于2019-07-29得票数 0
我将使用object方法设置单击的set()。myService: ContactService, private dataService: DataService, constructor(private dataService: DataService) { }
ngOnInitpublic getSelectedContact()
浏览 1提问于2019-06-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
