在离子幻灯片内实现社交分享

Question

我正在使用此插件在离子应用程序中实现社交共享

在我的页面内，我正在使用离子幻灯片，

  <ion-slides>
    <ion-slide   *ngFor="let item of strings">
      <div>
        {{ item }}
      </div>
    </ion-slide>
  </ion-slides>

这是我的打字稿文件，用于将数据放入幻灯片中

export class Birthday {
strings : Array<string>;
  constructor(public navCtrl: NavController, public navParams: NavParams) {
  this.strings = new Array<string>();
    this.strings.push('text1');
    this.strings.push('text2');
    this.strings.push('text3');
    this.strings.push('text4');
  }
}

现在，在使用社交共享插件时，如何在消息字段中获取当前幻灯片数据

share(**slide data heree**, subject, file, link) {
    this.platform.ready().then(() => {
        if(window.plugins.socialsharing) {
            window.plugins.socialsharing.share(message, subject, file, link);
        }
    });
}

Answer 1

使用 viewChild 获取组件中的幻灯片。

import { Slides } from 'ionic-angular';
@ViewChild(Slides)slides:Slides
//To get current slide,
let index = this.slides.getActiveIndex();
//Get the item as:
this.strings[index]

幻灯片文档