Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何在社交媒体上分享ionic3的形象_Angular_Ionic Framework_Ionic3 - Fatal编程技术网

Angular 如何在社交媒体上分享ionic3的形象

Angular 如何在社交媒体上分享ionic3的形象,angular,ionic-framework,ionic3,Angular,Ionic Framework,Ionic3,我在ionic3中创建了一个新项目 在我的项目中;首先,我使用PHP将图像保存到数据库中 然后我从数据库中检索所有图像,并使用photo.ts 它工作成功。但我需要在ionic3中添加共享选项 如果用户单击共享按钮,该特定图像将在用户社交媒体(fb、twitter、whatsapp)上共享。如何做到这一点 下面是html代码 photo.html 照片 分享 photo.ts 从'@angular/core'导入{Component}; 从“离子角度”导入{IonicPage,NavCont

我在ionic3中创建了一个新项目

在我的项目中;首先,我使用PHP将图像保存到数据库中

然后我从数据库中检索所有图像,并使用
photo.ts

它工作成功。但我需要在ionic3中添加共享选项

如果用户单击共享按钮,该特定图像将在用户社交媒体(fb、twitter、whatsapp)上共享。如何做到这一点

下面是html代码

photo.html


照片
分享
photo.ts

从'@angular/core'导入{Component};
从“离子角度”导入{IonicPage,NavController,NavParams};
从'@angular/common/http'导入{HttpClient};
从'@ionic native/social Share'导入{SocialShareing};
@IonicPage()
@组成部分({
选择器:“页面照片”,
templateUrl:'photo.html',
})
导出类照片页{
公共项:数组=[];
构造函数(公共navCtrl:NavController,公共navParams:navParams,
公共http:HttpClient,私有socialSharing:socialSharing){
}
ionViewDidLoad(){
log('IonViewDidLoadPhotoPage');
}
ionViewWillEnter():无效
{
这个.load();
}
load():void
{
这是http
.get('http://xxxx.com/imgshare/retrieve.php')
.订阅((数据:任意)=>
{
console.dir(数据);
此项=数据;
console.log(this.items[0].img);
},
(错误:any)=>
{
console.dir(错误);
});
}
}

首先,您需要通过以下两个命令安装社交共享:

$ ionic cordova plugin add cordova-plugin-x-socialsharing
$ npm install --save @ionic-native/social-sharing
然后有很多方法可以在不同的社交网站上分享

这将通过操作表将应用程序共享到您选择的任何应用程序

share(index){
  this.socialSharing.share(index.img, null, null, null);
}
更多详情请访问


还可以访问官方网站

我使用了社交分享,然后在我的应用程序上使用了这种方法

share(data){
  this.socialSharing.share('',null,data.imgUrl,null);
}
这是我的工作


对不起,我的英语不好。

我已经从数据库中检索了所有图像。现在用户需要将特定图像(不是所有图像)共享到他们的fb、whatsapp、twitter。如何做到这一点@请检查我的答案…谢谢,我解决了这个问题…不管怎样,你的答案也是correct@Utpaulwelcome@vignesh。上周我很忙,很抱歉回答晚了…好的,不,再次感谢@Utpaul
share(index){
  this.socialSharing.share(index.img, null, null, null);
}
share(data){
  this.socialSharing.share('',null,data.imgUrl,null);
}