2017-03-18 9 views
0

私はイオンスライド内ソーシャル共有を実装

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

これはスライドにデータを取得するために私のtypescriptファイルで、私はイオンのスライドを使用しています私のページ内this plugin

でイオンアプリケーションでソーシャル共有を実装しています

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

コンポーネントでスライドを取得するには、viewChildを使用します。 slides

ため

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] 

ドキュメント

関連する問題