4

我使用 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 中同样适用于我。有人可以帮我吗？

4

2 回答 2

2

试试这个..它工作正常 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
      };
    }
    }
于 2019-06-10T09:50:51.053 回答
0

只是在这里提出我的观点，特别是对于像我这样的新人，所以我会尽量放慢速度。

假设 SlideComponent 是像Directory这样的独立组件

您已经有一个 components.module.ts 来导出在 components 文件夹中创建的所有组件。

下面是 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

于 2020-04-16T15:24:03.880 回答