angular - this.slides.length() 无法读取未定义的属性 'length'

Question

console.log(this.slides.length()); 打印 Cannot read property 'length' of undefined.在 setTimeout 为 100 时打印。

有什么方法可以判断子组件是否已经从父组件加载完毕？

<ion-content padding class="ttct-app-content">
    <ion-slides>
      <ion-slide>
        <h1>Slide 1</h1>
      </ion-slide>
      <ion-slide>
        <h1>Slide 2</h1>
      </ion-slide>
      <ion-slide>
        <h1>Slide 3</h1>
      </ion-slide>
    </ion-slides>
</ion-content>

import { Component, ViewChild } from '@angular/core';
import { NavController, Slides } from 'ionic-angular';

@Component({
  selector: 'page-compose',
  templateUrl: 'compose.html',
})
export class Compose {
  @ViewChild(Slides) slides: Slides;

  constructor(public navCtrl: NavController) {
  }

  ngAfterViewInit(){
    console.log(this.slides.length()); //Cannot read property 'length' of undefined
    //works
    /*
    setTimeout(()=>{    
      console.log(this.slides.length());
    },100); 
    */

  }

}

Answer 1

试试这个(你不需要导入任何其他东西):

ionViewDidEnter() {
    console.log(this.slides.length());
}

还尝试使用 ngFor 加载 slider ，效果非常好