Question

大家好，我已经使用Ionic v4创建了一个新应用，并尝试将幻灯片添加到我的应用中，但出现错误提示

“无法绑定到“选项”，因为它不是“离子滑块”的已知属性”

并且html是

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) {
  }
}

我的电话

'atom-text-editor':
  'esc': 'Platformio Ide Terminal: Focus'

但是在ionic v3中，同样的方法对我有用谁能帮我

Answer 1

尝试一下..它能正常工作的离子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
      };
    }
    }

Answer 2

只是在这里提出我的观点，特别是对于像我这样的新人，所以我会努力走慢点。

假设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

无法使用离子幻灯片的选项属性

2 个答案: