在angular 2中如何在成功消息后刷新页面

在Angular 2中，可以通过以下步骤在成功消息后刷新页面：

首先，确保你已经安装了Angular的HttpClient模块。如果没有安装，可以通过以下命令进行安装：

npm install @angular/common@latest @angular/compiler@latest @angular/core@latest @angular/forms@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/router@latest --save

在你的组件中，导入Router和ActivatedRoute模块：

import { Router, ActivatedRoute } from '@angular/router';

在组件的构造函数中注入Router和ActivatedRoute：

constructor(private router: Router, private route: ActivatedRoute) { }

在成功消息后，使用Router的navigateByUrl方法来刷新页面。你可以在subscribe方法中调用该方法，以便在异步操作完成后执行刷新操作。例如：

this.yourService.yourMethod().subscribe(
  response => {
    // 处理成功消息
    // 刷新页面
    this.router.navigateByUrl('/', { skipLocationChange: true }).then(() => {
      this.router.navigate([this.route.snapshot.url.join('/')]);
    });
  },
  error => {
    // 处理错误消息
  }
);

在上述代码中，this.yourService.yourMethod()是一个示例的异步方法，你需要将其替换为你实际的方法名。this.router.navigateByUrl('/')用于导航到根路径，{ skipLocationChange: true }参数用于跳过URL的更改，然后使用this.router.navigate([this.route.snapshot.url.join('/')])重新导航到当前页面。

这样，在成功消息后，页面将会被刷新。

请注意，以上代码中没有提及腾讯云相关产品和产品介绍链接地址，因为在这个特定的问题中没有与腾讯云相关的内容。如果你有其他关于腾讯云的问题，我将很乐意为你提供相关信息。

在angular 2中如何在成功消息后刷新页面

angular

我一直在尝试显示成功消息，并在执行操作后刷新页面。比方说，当我执行删除操作时，来自后端的响应应该显示在页面上，然后刷新。我该怎么做呢？

浏览 65提问于2017-01-27得票数 0

回答已采纳

2回答

azure/msal-在angular 6中登录成功后，angular未重定向到home组件

azure-active-directory、angular6、msal

登录成功后，页面为空，不会重定向到主页。但是当我刷新页面时，它会显示主页内容。在我的应用程序中，当登录成功时，用户应该被重定向到主页。component: ProfileComponent, },redirectTo: 'home',} 我也尝试过@azure/msal-angular- 0.1.4，如

浏览 31提问于2020-06-01得票数 0

1回答

未在打开对话框中打印JSF验证错误

jsf-2

问题是form位于一个JQueryUI dialog中(因为我不知道如何在JSF中创建“窗口”)，所以当我单击commandButton时，页面被刷新，和JQuery对话框丢失。刷新后，通过查看源代码，我可以看到错误消息是打印在页面代码中的。如果我在ajax中使用commandButton，那么页面就不会刷新，但是我没有打印消息，我在浏览器中得到了类似于"

浏览 0提问于2018-03-13得票数 0

回答已采纳

2回答

返回时再次出现PHP flash消息

php、codeigniter、session

我的web应用程序(Codeigniter)将有flash消息由PHP会话flash完成。我想在闪光灯显示后将其清除。我该怎么做呢？下面是我保存flash消息的方法：并从我的视图中获取它 $flash = $this->session->flashdata

浏览 0提问于2013-03-26得票数 1

回答已采纳

1回答

在jsp页面刷新后删除成功消息？

java、jsp、struts2

我有一个JSP页面，它显示成功删除项目的消息。我是在请求范围内的Struts 2类中设置属性。我正在使用request.getattribute()检索JSP页面中的相同属性。在if语句之后，我试图将相同的属性设置为null。但是，在刷新我不想要的页面之后，成功的信息依然存在。请帮帮我！

浏览 4提问于2015-07-02得票数 1

回答已采纳

3回答

如何使用angularJS在成功提交后刷新页面

javascript、jquery、python、angularjs、django

Hi如何在成功提交后刷新html页面？我试过如下方法，但不起作用。$scope.submit =function(){ angular.extend(data, $scope.final_data);angular.extend(data, { checks : $scope.final_data.checks }); $http.post('{% url 'submit'

浏览 1提问于2015-10-09得票数 1

回答已采纳

1回答

Struts2将信息发送到其他操作

struts2

填写表单和提交后，页面被重定向到列表页并显示成功添加的消息。，我确实喜欢，我从add页面发送update真，在列表页面上我检查了update true，并引用了add页面url，然后显示了成功添加的消息。但是问题是当我按F5并点击刷新图标时，消息会再次出现。我想知道我将如何在Struts2中从操作到操作发送信息。因此，在单击refersh图标并按

浏览 2提问于2014-02-14得票数 1

1回答

角度重载问题

angular

如何在将一个页面重定向到另一个页面后强制刷新页面。当我尝试在ngOnInit()中使用location.reload时。页面不断刷新。在刷新页面之前，DOM/Model中的项目不会更新。示例代码链接 Angular 5 page reload data refresh not working

浏览 20提问于2019-01-31得票数 0

1回答

Rails Twilio回调事件侦听器

ruby-on-rails、angularjs、twilio

在Twilio中，一旦你发送一条文本消息，它就会向statusCallbackUrl发出几个POST请求。如何在我的angular/rails应用程序中侦听此回调？我看到了控制台中的帖子。我只想在twilio发出post请求后触发通知警报(最好不要刷新页面)。对此有什么建议吗？

浏览 1提问于2016-04-15得票数 0

1回答

刷新jQuery AJAX页面以显示更改，然后显示消息反馈

jquery、ajax、wordpress、jquery-ui、refresh

在确认操作时，会发生ajax或其他操作，并处理一些服务器端内容。如果成功，我希望页面刷新，并显示一条wordpress消息，说明删除成功。我希望页面刷新的原因是我的WP_List_Table没有被ajaxified，我需要让人看到我所做的更改。页面刷新后如何显示消息？我目前使用的方式是在调用刷新后立即显示消息

浏览 1提问于2013-02-07得票数 0

回答已采纳

1回答

如果页面正在刷新，请避免运行该进程。

oracle-apex

我有一个作为interactive report的页面和一个名为trucate的按钮。在interactive report -> selected table：“employee”中，我选择动作为：submit page on按钮现在的问题是，当我再次刷新页面时，将运行PL/SQL代码！需要在刷新时避免这种情况，它不应该再次执行。

浏览 3提问于2022-06-21得票数 0

5回答

在页面刷新时更改获取URL参数

javascript、jquery、html

我在弹出窗口中有一个表单。用户填写详细信息并提交表单。在表单提交时，弹出窗口关闭，用户被重定向至主页。提交时，主屏幕上会显示一条消息(无论表单提交是否成功)。这是通过在主页url中添加参数来实现的。如果成功，url将被重定向至..../home?error=0根据错误标志值，我在主页上显示消息。在此步骤之后，如果用户刷新主页，他仍然会收到表单提交<e

浏览 5提问于2014-09-30得票数 1

2回答

如何在AngularJS中使用event.preventDefault()？

javascript、html、angularjs

我遇到了一种在表单提交后避免页面刷新的方法，即事件对于Angular来说是非常新的。我真的不知道如何在我的Angular控制器中使用这种语法，“event.preventDefault();”是Angular服务吗？如何在代码中使用它？任何帮助都将不胜感激！

浏览 0提问于2017-09-08得票数 4

回答已采纳

2回答

为什么在service.ts中刷新页面时，变量的值会发生变化？

angular、typescript

下面是我的Angular service.ts文件代码。用于存储登录状态的 import { BehaviorSubject } from 'rxjs';为什么当我刷新页面时，这个“主题”值会改变。我如何永久地存储该值。

浏览 65提问于2021-06-05得票数 1

回答已采纳

1回答

表单验证引导程序4

javascript、php、jquery、validation、bootstrap-4.1.x

当我完成对表单的验证时，我希望显示一条成功消息，但是它会自动刷新，并且不允许有时间查看任何内容。; //remove class to show message. }, false); }, false); 验证工作，但当您单击提交，它显示的消息非常快

浏览 1提问于2019-02-27得票数 0

回答已采纳

9回答

刷新页面，而不重新发送POST数据(ASP.NET)

javascript、asp.net、postback

如何在不重新发送POST数据的情况下刷新和重新加载页面？注意:但是，我只想刷新页面以清除所有表单内容。我还注册了一个提交后启动脚本，这将显示警报消息，数据已成功添加。帮助!

浏览 2提问于2012-12-21得票数 8

1回答

下载前在标签中显示消息弹出显示？

asp.net

code to generate a file HttpContext.Current.Response.End(); 这个页面只显示一个弹出窗口来下载我生成的文件，但我也需要标签lblInfoMessage中显示的消息。

浏览 2提问于2016-01-11得票数 0

回答已采纳

1回答

创建的新记录仅在页面重新加载后显示

angular、typescript

它的工作原理应该是这样的:单击create modal按钮后，窗口应该立即关闭，一个新创建的记录将出现在表中，并且右侧应该会出现一条消息，表明该记录已成功创建。但目前唯一能正常工作的就是关闭模式窗口，以查看需要刷新页面的新记录，并且根本不会显示有关已创建记录的消息。 }); this.dialo

浏览 2提问于2018-07-03得票数 1

1回答

jhipster刷新url导致“无法获取/用户管理”

angular、jhipster、angular5、yarnpkg

我成功创建了一个jhipster应用程序，然后使用admin/admin登录，单击user-management，all works，url变为localhost:9000/user-management然而，当我使用chrome刷新按钮刷新url时，页面断开并显示消息："Cannot GET /user-management"，在按F12启动调试器后，控制台中显示以下错误消息：拒绝执行内联脚本，因为它违反了以下内容安

浏览 2提问于2018-02-02得票数 0

回答已采纳

1回答