每次访问页面时调用函数 - Ionic 2

0 typescript ionic-framework ionic2 angular

我是 Ionic 2 的新手,正在实现一个小型应用程序,每当我重新访问页面时我都想调用 REST API 函数。下面是我实现的一小段代码。

import { Component } from '@angular/core';
import { NavController, NavParams, ViewController } from 'ionic-angular';
import { ItemService } from '../../providers/item-service';
import { ItemDetailsCartPage } from '../item-details-cart/item-details-cart'

@Component({
  selector: 'page-cart',
  templateUrl: 'cart.html',
  providers: [ItemService]
})
export class CartPage {

  email;
  sessionId;
  public cartData: any;
  public message: any = [];

  constructor(public navCtrl: NavController, 
      public navParams: NavParams, 
      public itemSrvc: ItemService,
      public viewCtrl: ViewController) {}

  ionViewDidLoad() {
    this.email = this.navParams.get('email');
    this.sessionId = this.navParams.get('sessionId');;
    this.loadCart();
  }


  loadCart() {
    this.itemSrvc.getCart(this.email, this.sessionId).then(successData => {
      this.cartData = successData;
      this.message = this.cartData.message;
    },failureData => {
      this.cartData = failureData;
      this.message = [{'itemName':'No items in cart', 'quantity': '', 'imgUrl':''}];
    });
  }
Run Code Online (Sandbox Code Playgroud)

我创建了一个购物车页面,该页面显示通过调用 API 添加到购物车中的商品。我第一次访问购物车页面时,调用 API 并收到响应。但是当我第二次再次访问同一页面时,不会调用相同的 API 函数。

我可能对这个主题有一些重复的问题,但我没有找到任何相关的答案,经过在网上的大量搜索后,我发布了这个问题。

小智 7

您应该在 ionViewDidEnter() 生命周期挂钩中添加 Api 调用,以便每次用户导航到该页面时都会调用它。请参考以下链接:

导航控制器