Angular 导入幻灯片不';你不在做离子4吗?
所以,我试图将Ionic幻灯片导入到我的项目中,但我得到了这样一条消息:“……没有导出的成员‘幻灯片’” 我是这样导入的:Angular 导入幻灯片不';你不在做离子4吗?,angular,typescript,ionic-framework,ionic4,Angular,Typescript,Ionic Framework,Ionic4,所以,我试图将Ionic幻灯片导入到我的项目中,但我得到了这样一条消息:“……没有导出的成员‘幻灯片’” 我是这样导入的: import { Slides } from '@ionic/angular'; 然后,代码的其余部分: @Component({ selector: 'page-home', templateUrl: 'home.html' }) export class HomePage { @ViewChild("audio") audio; @ViewChild
import { Slides } from '@ionic/angular';
然后,代码的其余部分:
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
@ViewChild("audio") audio;
@ViewChild(Slides) slides: Slides;
constructor(public navCtrl: NavController) {
}
ngAfterViewInit() {
let self = this;
this.audio.nativeElement.oncanplaythrough = () => {
this.audio.nativeElement.onplay = function () {
self.slides.autoplay = 1000;
self.slides.startAutoplay();
};
this.audio.nativeElement.onpause = function () {
self.slides.autoplay = undefined;
self.slides.stopAutoplay();
};
};
}
}
说在Ionic 4的文档中有一个重命名。将Slides
重命名为IonSlides
应该可以做到这一点
请看一下beta.18的突破性变化:
所有内容都以Ion作为前缀,因此它不是幻灯片而是IonSlides:
import {IonSlides} from '@ionic/angular';
这个解决了我在爱奥尼亚4的问题
import { IonSlides } from '@ionic/angular';
export class IntroScreenPage implements OnInit {
@ViewChild('slides', { read: true, static: false }) ionSlides: IonSlides;
我传递了第二个参数{read:true,static:false}我已经尝试过了,但是我得到了另一个错误:“自动播放”在类型“IonSlides”上不存在。这解决了您询问的导入问题吗?--至于下一个问题,您可以问一个关于
autoplay
属性更改的新问题,但IonSlides文档很可能会为您解答这个问题。这里是链接:是的,它做到了;我要问一个关于自动播放的新问题。谢谢你的回复。
import {IonSlides} from '@ionic/angular';
export class HomePage {
@ViewChild(IonSlides) slides: IonSlides;
import { IonSlides } from '@ionic/angular';
export class IntroScreenPage implements OnInit {
@ViewChild('slides', { read: true, static: false }) ionSlides: IonSlides;