la force de la vue pour recharger dans ionic2 cadre

Après Effacer l'Historique et Recharger la Page Connexion/Déconnexion à l'Aide Ionique Cadre

Je veux connaître la même question, mais pour ionic2 à l'aide de caractères d'imprimerie.

Sur la connexion et la déconnexion j'ai besoin de recharger les app.ts, parce qu'il y a des classes qui exécutent des bibliothèques sur la construction.

il serait essentiellement rediriger vers la maison et de le recharger.

InformationsquelleAutor Basit | 2016-03-01

3

Ionique 1

Je n'ai pas utilisé Ionique 2, mais actuellement, je m en utilisant Ionique 1.2 et si ils sont encore à l'aide de l'interface utilisateur du routeur que vous pouvez utiliser de rechargement: vrai dans l'interface utilisateur-sref

ou vous pouvez ajouter le code ci-dessous à votre déconnexion contrôleur
```
$state.transitionTo($state.current, $stateParams, {
    reload: true,
    inherit: false,
    notify: true
});
```
Angulaire 2

Utilisation

$de la fenêtre.emplacement.reload();

ou

emplacement.reload();
- J'ai déjà posté un lien vers les réponses de ionic1.. donc ce n'est pas vraiment de l'aide
- Ok, Laissez-moi essayer de vous reviens
- Bro êtes-vous à l'aide angulaire 2
- Oui ionic2 est livré avec angular2
- Que vous pouvez vous référer à ce lien github.com/angular/angular/issues/7076
- Est qui vous a aidé
- voulez-vous écrire que, dans la réponse, donc je peux l'accepter comme réponse
- Laissez-nous continuer cette discussion dans le chat.
- Cela ne fonctionne pas pour Ionique 2, c'est différent dans la nouvelle version.
InformationsquelleAutor Siddharth Pandey

Trouvé cette réponse ici, (veuillez noter particulièrement la ligne this.navCtrl.setRoot(this.navCtrl.getActive().component); qui est de loin la solution la plus simple que j'ai appris à recharger la page pour Ionique 2 & 3 et versions ultérieures du moment cinétique (le mien est de 4), de sorte que le crédit dû en conséquence:

RECHARGER LA PAGE EN COURS

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);
  }

}

Si vous voulez RECHARGER UNE PAGE DIFFÉRENTE veuillez utiliser les informations suivantes (note 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);
  }

}

Et si je veux actualiser une partie de la page, alors comment puis-je le faire ?

InformationsquelleAutor maudulus

0

Vous avez à mettre en œuvre les CanReuse interface, et de remplacer les routerCanReuse de retour false. Ensuite, essayez de l'appeler router.renavigate().

Votre composant devrait ressembler à ceci:
```
class MyComponent implements CanReuse {
  //your code here...
  routerCanReuse(next: ComponentInstruction, prev: ComponentInstruction) { 
    return false;
  }
}
```
Et puis, lorsque vous effectuez la connexion/déconnexion, composez le:
```
//navigate to home
router.renavigate()
```
- qu'en est location.reload();, ne serait-il pas de travail?
InformationsquelleAutor Diego Ponciano
0

C'est un hack, mais il fonctionne.

Envelopper la logique que suit votre modèle d'ajustement dans un setTimeout et qui donne au navigateur un moment pour faire le refresh:
```
/* my code which adjusts the ng 2 html template in some way */
setTimeout(function() {
    /* processing which follows the template change */
}, 100);
```
InformationsquelleAutor kris
0

Pour ionique 2 ça marche pour moi, lorsque vous forcer à recharger la page en déclenchant fireWillEnter sur une vue contrôleur
```
viewController.fireWillEnter();
```
- faut-il ajouter à l'importation pour ionic2 @paulitto
- oui, vous aurez besoin de l'importer à partir ionique-angulaire
InformationsquelleAutor paulitto

Voici ce qui a fonctionné pour moi à actualiser uniquement la page actuelle-

Je suis en train d'appel refreshMe fonction lorsque j'appelle onDelete de mon point de vue page,

Voir ma page.ts fichier semble-

 export class MyPage {
    lines of code goes here like 
    public arr1: any;
    public arr2: any;

    public constructor(private nav: NavController, navParams: NavParams) {
      this.nav = nav;

      this.arr1 = [];
      this.arr2 = [];
      //console.log("hey array");
    }  

    onDelete() {
       perform this set of tasks...
       ...
       ...
      refreshMe()
    }


    refreshMe() {
      this.nav.setRoot(MyPage);
    }
}

C'est seulement rafraîchissant, uniquement la page actuelle.

On peut aussi appeler cette fonction à partir de la vue, si nous avons besoin--

<ion-col width-60 offset-30 (click)="refreshMe()">
   ....
   ....
</ion-col>

InformationsquelleAutor S.Yadav

0

Personnellement, j'utilise ces trois lignes tout à fait d'actualiser un composant
```
let active = this.navCtrl.getActive(); //or getByIndex(int) if you know it
this.navCtrl.remove(active.index);
this.navCtrl.push(active.component);
```
Vous pouvez utiliser le ionViewWillLeave() pour afficher votre écran d'accueil alors que la composante est de rechargement et puis le cacher avec ionViewDidEnter() une fois son chargement.

Espère que cela aide

InformationsquelleAutor Jeremy Morant

Vous devez vous connecter pour publier un commentaire.