Question

我按照下面的教程创建幻灯片介绍： https://www.joshmorony.com/creating-a-sliding-introduction-component-in-ionic-2/

但是当我在下面设置时出错：

this.rootPage = FirstguidePage;

错误是：

ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'length' of undefined
TypeError: Cannot read property 'length' of undefined

任何人都知道如何解决？非常感谢〜

firstguide.ts：

import { Component } from '@angular/core';
import { NavController, LoadingController, AlertController } from 'ionic-angular';
import { Storage } from '@ionic/storage';
import { TabsPage } from '../../pages/tabs/tabs';

@Component({
 selector: 'page-firstguide',
 templateUrl: 'firstguide.html'
})
export class FirstguidePage {

  constructor(public navCtrl: NavController, public storage: Storage, public loadingCtrl: LoadingController, private alertCtrl: AlertController) {
  }

  goToHome(){
    this.navCtrl.setRoot('TabsPage');
  }

}

这是firstguide.html：

<ion-content>
  <ion-slides pager>
    <ion-slide>
      <img src="assets/img/1_zh.jpg" width="100%" height="auto">
    </ion-slide>

    <ion-slide>  
      <img src="assets/img/2_zh.jpg" width="100%" height="auto">
    </ion-slide>

    <ion-slide>  
      <img src="assets/img/3_zh.jpg" width="100%" height="auto">
    </ion-slide>

    <ion-slide>  
      <img src="assets/img/4_zh.jpg" width="100%" height="auto">
    </ion-slide>

    <ion-slide>
      <ion-row>
        <ion-col> 
          <img src="assets/img/5_zh.jpg" width="100%" height="auto">
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col>
          <button ion-button style="background-color:#17B97E; color:#FFFFFF;" (click)="goToHome()">{{ 'Firstguide.start' | translate }}
          </button>
        </ion-col>
      </ion-row>    
    </ion-slide>

  </ion-slides>

 </ion-content>

Ionic3创建幻灯片介绍问题

0 个答案: