2017-11-03 2 views
0

Ich habe eine sehr einfache Situation mit diesem HTML:Ionic - this.navCtrl.push funktioniert nicht

<!-- 
    Generated template for the FormulasPage page. 

    See http://ionicframework.com/docs/components/#navigation for more info on 
    Ionic pages and navigation. 
--> 
<ion-header> 

    <ion-navbar> 
    <ion-title>Formulas</ion-title> 
    </ion-navbar> 

</ion-header> 


<ion-content> 
    <div class="formula" *ngFor="let j of items ; let i = index" id='{{i}}' (tap)="loadFolder(j.color)" no-lines no-padding> 
     <ion-grid> 
      <ion-row> 
      <ion-col> 
       <img src="{{j.url}}"> 
       <div class="formulabar" #formulabar>{{j.color}}</div> 
      </ion-col> 
     </ion-row> 
     </ion-grid> 
    </div> 
</ion-content> 

Der relevante Teil ist die (tap) Handler auf div.formula. Dies ist der Code, der sich bezieht auf:

loadFolder(color) { 
    console.log("load folder"); 
    console.log(color); 
    this.navCtrl.push(FormulaPage); 
} 

Die Konsolenmeldung geschieht - "load folder", aber die Seite nicht ändert.

+0

Ist formulapage in app.module.ts Deklarationen und entryComponents deklariert? –

Antwort

0

Dies geschah wegen etwas, das auf der FormulaPage war (ich kann mich nicht erinnern, was genau) - es hatte nicht mit dem Code auf der obigen Seite zu tun. Wenn Sie dieses Problem haben, schauen Sie auf die Seite, die Sie drücken.