无法使用离子载玻片的选项 属性
Couldn't use options property of ion-slides
我使用 Ionic v4 创建了一个新应用程序并尝试向我的应用程序添加幻灯片,但我收到一条错误消息
Can't bind to 'options' since it isn't a known property of 'ion-slides'
html是
<ion-content padding>
<ion-slides [options]="slideOpts">
<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>
我的 T 是
import { Component,ViewChild } from '@angular/core';
import { NavController } from 'ionic-angular';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
slideOpts = {
initialSlide: 1,
speed: 400
};
constructor(public navCtrl: NavController) {
}
}
然而,在 Ionic v3 中同样适用于我。谁能帮帮我吗?
试试这个..它工作正常 ionic 4.0.0
import { IonSlides } from '@ionic/angular';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
@ViewChild(IonSlides) slides: IonSlides;
slideOpts = {
initialSlide: 1,
speed: 400
};
constructor(public navCtrl: NavController) {
}
ngOnInit() { this.slideOpts = {
initialSlide: 1,
speed: 400
};
}
}
只是在这里阐述我的观点,特别是对于像我这样的新人,所以我会尽量放慢速度。
假设 SlideComponent 是一个像 Directory
这样的独立组件
您已经components.module.ts导出在组件文件夹中创建的所有组件。
下面是 components.module.ts 的样子:
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SlidesComponent } from './slides/slides.component';
import { IonicModule } from '@ionic/angular'; //import
@NgModule({
declarations: [SlidesComponent,],
exports:[SlidesComponent, /*feel free to add any additional component*/],
imports: [
CommonModule,
IonicModule //add
]
})
export class ComponentsModule { }
PS:这适用于 Ionic V 6.5
我使用 Ionic v4 创建了一个新应用程序并尝试向我的应用程序添加幻灯片,但我收到一条错误消息
Can't bind to 'options' since it isn't a known property of 'ion-slides'
html是
<ion-content padding>
<ion-slides [options]="slideOpts">
<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>
我的 T 是
import { Component,ViewChild } from '@angular/core';
import { NavController } from 'ionic-angular';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
slideOpts = {
initialSlide: 1,
speed: 400
};
constructor(public navCtrl: NavController) {
}
}
然而,在 Ionic v3 中同样适用于我。谁能帮帮我吗?
试试这个..它工作正常 ionic 4.0.0
import { IonSlides } from '@ionic/angular';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
@ViewChild(IonSlides) slides: IonSlides;
slideOpts = {
initialSlide: 1,
speed: 400
};
constructor(public navCtrl: NavController) {
}
ngOnInit() { this.slideOpts = {
initialSlide: 1,
speed: 400
};
}
}
只是在这里阐述我的观点,特别是对于像我这样的新人,所以我会尽量放慢速度。
假设 SlideComponent 是一个像 Directory
这样的独立组件您已经components.module.ts导出在组件文件夹中创建的所有组件。
下面是 components.module.ts 的样子:
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SlidesComponent } from './slides/slides.component';
import { IonicModule } from '@ionic/angular'; //import
@NgModule({
declarations: [SlidesComponent,],
exports:[SlidesComponent, /*feel free to add any additional component*/],
imports: [
CommonModule,
IonicModule //add
]
})
export class ComponentsModule { }
PS:这适用于 Ionic V 6.5