Angular 在路由到另一个组件后,在服务返回时通知用户
我的服务需要很长时间才能返回。一旦用户提交了请求,他/她应该能够导航到任何其他页面 我如何提醒她,她提交的请求已被处理(服务已返回),而不管他/她当前在哪个页面?您有两个选项:Angular 在路由到另一个组件后,在服务返回时通知用户,angular,angular2-routing,angular2-services,angular2-observables,angular2-http,Angular,Angular2 Routing,Angular2 Services,Angular2 Observables,Angular2 Http,我的服务需要很长时间才能返回。一旦用户提交了请求,他/她应该能够导航到任何其他页面 我如何提醒她,她提交的请求已被处理(服务已返回),而不管他/她当前在哪个页面?您有两个选项: 您可以创建另一个组件,例如alertBox,该组件将添加到您的应用程序框架中: 您是指服务中的另一页?IE从aaa.com/子页面导航到aaa.com/另一个子页面?或者导航到不同的域-从aaa.com到bbb.com?@MaciejTreder,相同的应用程序。不是另一个域。直到在主app.component中添加
alertBox
,该组件将添加到您的应用程序框架中:
您是指服务中的另一页?IE从aaa.com/子页面
导航到aaa.com/另一个子页面
?或者导航到不同的域-从aaa.com到bbb.com?@MaciejTreder,相同的应用程序。不是另一个域。直到在主app.component
中添加一个alertComponent
,我才知道。你所说的“你可以在这个组件中处理你的观测值”是什么意思?你能详细说明一下吗?我已经更新了我的答案。总而言之,我认为MdSnackbar正是您想要的。使用ready solution,然后编写自己的解决方案会更容易。为了澄清其他人的疑问,Matsnakbar.open()
创建了一个HTML元素,该元素在router.navigate()
调用中持续存在。因此,您可以打开一个snackbar,显示“login successful”(登录成功),同时将用户导航到提示用户登录之前所处的页面。