我对这个HTML有一个非常简单的情况:
<!--
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>
相关部分是div.formula
上的(tap)
处理程序。这是与此相关的代码:
loadFolder(color) {
console.log("load folder");
console.log(color);
this.navCtrl.push(FormulaPage);
}
控制台消息发生 - "load folder"
,但页面不会更改。
这是因为FormulaPage
上的东西(我不记得具体是什么)——它与上面页面上的代码无关。如果您遇到此问题,请查看您正在推送的页面。