离子5：如何刷新当前页面

Question

成功登录验证后，我需要刷新主页。在这里，我使用下面的代码在成功登录后移动到下一页，并使用Firebase作为后端。

this.router.navigate(['home']);

它只是打开主页而没有刷新。欢迎，如果有人能给我一个解决方案。

Answer 1

您可以使用BehaviorSubject。这样，您就可以在任何组件中获取该信息，而无需刷新整个页面/屏幕。

1.）创建服务。例如data.service.ts

import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs';

@Injectable()
export class DataService {

  private messageSource = new BehaviorSubject('');
  currentMessage = this.messageSource.asObservable();

  constructor() { }

  changeMessage(message: string) {
    this.messageSource.next(message)
  }

}

1.1.）将该服务导入app.module.ts

import { DataService } from './services/data.service';

providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
    ...
    DataService
  ],

2.）在您的登录页面上，login.page.ts，设置用户名

import { DataService } from '../services/data.service';

let username: string;

constructor(private _dataService: DataService) {...

this._dataService.changeMessage(this.username);

3）在主页上，主页。页ts，您将访问该信息

import { DataService } from '../services/data.service';

let username: string;

constructor(private _dataService: DataService) {...

this._dataService.currentMessage.subscribe((message) => {
     if(message){
        this.username = message;
     }
});