在离子幻灯片中实现社交共享

时间:2017-03-18 11:45:50

标签: angular ionic-framework ionic2 socialshare

我正在使用this plugin

在离子应用程序中实现社交共享

在我的页面中,我正在使用离子幻灯片,

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

1 个答案:

答案 0 :(得分: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]

slides

的文档