Question

我对这个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>

相关部分是(tap)上的div.formula处理程序。这是与之相关的代码：

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

控制台消息发生 - "load folder"，但页面无法更改。

Answer 1

这是因为FormulaPage上的某些内容（我不记得究竟是什么） - 它与上面页面上的代码没有关系。如果您遇到此问题，请查看您正在推送的页面。

离子 - this.navCtrl.push无效

1 个答案: