强制视图在ion ic2框架中重新加载

Question

使用Ionic框架在登录/注销时完成清除历史记录和重新加载页面后

我想知道同样的问题，但对于ionic2使用typecript。

在登录和注销时，我需要重新加载应用程序。ts，因为有些类在构造上运行库。

它基本上是重定向到家庭并重新加载。

Answer 1

匿名用户

您必须实现CanReuse接口，并重写routerCanReuse以返回false。然后，尝试调用路由器。renavigate（）。

您的组件应如下所示：

class MyComponent implements CanReuse {
  // your code here...
  routerCanReuse(next: ComponentInstruction, prev: ComponentInstruction) { 
    return false;
  }
}

然后，当您执行登录/注销时，调用：

// navigate to home
router.renavigate()

Answer 2

离子1

我没有使用过Ionic 2，但目前我使用的是Ionic 1.2，如果他们仍然使用ui路由器，则可以在ui sref中使用重载：true

或者您可以将以下代码添加到您的注销控制器

$state.transitionTo($state.current, $stateParams, {
    reload: true,
    inherit: false,
    notify: true
});

角2

使用

$window.location.reload（）；

或

location.reload（）；

Answer 3

在这里找到了这个答案，（请特别注意这一行this.navCtrl.setRoot（this.navCtrl.getActive（））。组件） 这是我遇到的为Ionic 2重新加载当前页面的最简单解决方案

重新加载当前页面

import { Component } from '@angular/core';
import { NavController, ModalController} from 'ionic-angular';

@Component({
  selector: 'page-example',
  templateUrl: 'example.html'
})
export class ExamplePage {

  public someVar: any;

  constructor(public navCtrl: NavController, private modalCtrl: ModalController) {

  }

  refreshPage() {
    this.navCtrl.setRoot(this.navCtrl.getActive().component);
  }

}

如果您想重新加载不同的页面，请使用以下内容（注意this.navCtrl.setRoot（HomePage）；：

import { Component } from '@angular/core';
import { NavController, ModalController} from 'ionic-angular';
import { HomePage } from'../home/home';

@Component({
  selector: 'page-example',
  templateUrl: 'example.html'
})
export class ExamplePage {

  public someVar: any;

  constructor(public navCtrl: NavController, private modalCtrl: ModalController) {

  }

  directToNewPage() {
    this.navCtrl.setRoot(HomePage);
  }

}