Ionic 2推送因某种原因无法正常工作

时间:2017-07-19 22:59:03

标签: javascript angularjs ionic-framework ionic2

我有一个问题,我认为它很简单,但我可以设法自己弄清楚,我有一个推,我确定我从navParams获得新数据,我检查了,但它没有得到进入阵列的下一个位置,它进入第一个位置。我真的不知道发生了什么,我有点疯狂。

import {Component, OnInit} from '@angular/core';
import {NavController, NavParams} from 'ionic-angular';
import {CadenasmercadosPage} from "../cadenasmercados/cadenasmercados";
import {ListaTerminadaPage} from "../lista-terminada/lista-terminada";
import {Sucursal} from "../../Data/sucursal.interface";

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage implements OnInit{
  cadenasMercadosPage=CadenasmercadosPage;
  Listas: Sucursal[]=[];
  DatosLista: Sucursal;
  Vacio= false;
  listaTerminada = ListaTerminadaPage;

  constructor(public navCtrl: NavController, public navParams: NavParams) {

  }

  ngOnInit(){
    this.DatosLista = this.navParams.data;
    this.Listas.push(this.DatosLista);
    if (this.Listas[0].listaNombre){
      this.Vacio = false;
    } else {
      this.Vacio = true;
    }
  }

}

问题出在OnInit方法上,至少我的猜测是......你可以忽略if。

首页HTML

<ion-header>
  <ion-navbar
    color="danger"
    hideBackButton>
    <ion-title>
      Listas
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
 <ion-list [hidden]="Vacio">
    <button ion-item
            *ngFor="let lista of Listas"
            [navPush]="listaTerminada"
            [navParams]="lista"
            >{{lista.listaNombre}}</button>
  </ion-list>

  <ion-fab bottom right>
    <button  ion-fab mini
             color="danger"
             [navPush]="cadenasMercadosPage">
      <ion-icon name="add"></ion-icon>
    </button>
  </ion-fab>
</ion-content>

0 个答案:

没有答案