有没有办法只刷新页面,即只有一个屏幕离子2。
我试过了 :
window.location.reload();
和
location.reload();
但重建的应用..有一种只刷新页面(特别是屏幕)。
也尝试:
<ion-input *ngIf="no_internet === 1" (click)="refresh($event)"></ion-input>
在打字稿:
refresh(refresher) {
console.log('Begin async operation', refresher);
setTimeout(() => {
console.log('Async operation has ended');
refresher.complete();
}, 2000);
}
试试这个代码:
this.navCtrl.setRoot(this.navCtrl.getActive().component);
你也可以使用离子进修,打造一拉即可刷新页面上的动作
http://ionicframework.com/docs/v2/api/components/refresher/Refresher/
我会做的是:(基于@Ahmad阿加扎德回答)
this.navCtrl.push(this.navCtrl.getActive().component).then(() => {
let index = this.viewCtrl.index;
this.navCtrl.remove(index);
})
=>(重新装入)按下此页面一次
=>移除我们分别对(使用索引)的页面
在离子3异步函数使用离子复习的实施例:
在您的.html文件:
<ion-content no-padding >
<ion-refresher (ionRefresh)="doRefresh($event)">
<ion-refresher-content></ion-refresher-content>
</ion-refresher>
在你的.ts文件:
constructor(...) {
...
samplefuncion(null){
asyncFunction().then(()=>{
...//after success call
...
if (event)
event.complete();
},(error)=>{
....
if (event)
event.complete();
})
}
doRefresh(event) {
samplefuncion(event);
}
如果你愿意遵循一个共同的约定,我已经找到了一个非常简单的方法来重新加载当前视图(包括其所有参数)。我测试了这个使用Ionic3,但它仍然应该在2离子申请
将所有的初始化代码的每一页到ionViewDidLoad()
,这是在第一次运行一次的观点是加载
import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { Api } from '../../providers/api';
import { Movie } from '../../interfaces/movie';
@Component({
selector: 'page-movie-info',
templateUrl: 'movie-info.html'
})
export class MovieInfoPage {
constructor(
public navCtrl: NavController,
public navParams: NavParams,
public api: Api
) {
}
/**
* Run all page initialization in this method so that this page
* can be refreshed simply by re-calling this function
*/
ionViewDidLoad() {
//access any parameters provided to the page through navParams.
var movieId = this.navParams.data.movieId;
this.api.movies.getById(movieId).then((movie) => {
this.movie = movie;
});
}
public movie: Movie;
}
在该应用的其他地方,你可以用这个代码加载当前视图
//get the currently active page component
var component = this.navController.getActive().instance;
//re-run the view load function if the page has one declared
if (component.ionViewDidLoad) {
component.ionViewDidLoad();
}
HTML:
<ion-refresher (ionRefresh)="doRefresh($event)">
<ion-refresher-content></ion-refresher-content>
</ion-refresher>
</ion-content>
打字稿:
@Component({...})
export class NewsFeedPage {
doRefresh(refresher) {
console.log('Begin async operation', refresher);
setTimeout(() => {
console.log('Async operation has ended');
refresher.complete();
}, 2000);
}
}
来源:Ionic doc
试试这个,只是弹出一个页面,然后再次按该页面。
this.navCtrl.pop();
this.navCtrl.push(NewPage);
希望这会有所帮助。
试试这个:$window.location.reload(); $route.reload() use to reload route.
如果您正在使用$stateProvider : $state.go($state.current, {}, {reload: true})
;
要么
var currentPageTemplate = $route.current.templateUrl;
$templateCache.remove(currentPageTemplate);
$route.reload();