[英]Social Sharing not loading when I click the button to share
我在 ionic 3 上安裝了 SocialSharing Plugin。我按照 ionic文檔安裝它,並從帶有ionic cordova plugin add https://github.com/EddyVerbruggen/SocialSharing-PhoneGap-Plugin.git
存儲庫ionic cordova plugin add https://github.com/EddyVerbruggen/SocialSharing-PhoneGap-Plugin.git
但是當我點擊按鈕時,沒有任何反應。
我嘗試了很多方法,但是當我將它安裝在手機上並單擊下面帶有示例方法的按鈕時,沒有任何反應。
主頁.html:
<button ion-button block onclick="this.socialSharing.share(null, 'Android filename', 'data:image/png;base64,R0lGODlhDAAMALMBAP8AAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUKAAEALAAAAAAMAAwAQAQZMMhJK7iY4p3nlZ8XgmNlnibXdVqolmhcRQA7', null)">base64 image only</button>
<br>
<button ion-button block onclick="this.socialSharing.shareViaWhatsApp('Message via WhatsApp', null /* img */, null /* url */, function() {console.log('share ok')}, function(errormsg){alert(errormsg)})">msg via WhatsApp (with errcallback)</button>
<br>
<button ion-button block onclick="this.socialSharing.canShareVia('whatsapp', 'msg', null, null, null, function(e){alert(e)}, function(e){alert(e)})">is WhatsApp available?</button>
<br>
<button ion-fab class="share" mini onclick="this.socialsharing.share('null', 'null', 'https://www.google.nl/images/srpr/logo4w.png', null)">Share</button>
家.ts
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import {AlertController} from 'ionic-angular';
import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
import { SocialSharing } from '@ionic-native/social-sharing/ngx';
declare let DatecsPrinter:any;
declare var window: any;
declare var require: any;
var QRCode = require('qrcode');
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
DatecsPrinter: any;
public printerslist;
public status = "Failure";
public feedlines:Number = 1;
listBluetoothDevices:any=[];
constructor(public navCtrl: NavController, private alertCtrl: AlertController, private iab: InAppBrowser, private socialSharing: SocialSharing) {
this.getPrintersList();
}
配置文件
[...]
<plugin name="cordova-plugin-whitelist" spec="1.3.3" />
<plugin name="cordova-plugin-statusbar" spec="2.4.2" />
<plugin name="cordova-plugin-device" spec="2.0.2" />
<plugin name="cordova-plugin-splashscreen" spec="5.0.2" />
<plugin name="cordova-plugin-ionic-webview" spec="^4.0.0" />
<plugin name="cordova-plugin-ionic-keyboard" spec="^2.0.5" />
<plugin name="cordova-plugin-datecs-printer" spec="https://github.com/giorgiofellipe/cordova-plugin-datecs-printer.git" />
<plugin name="cordova-plugin-inappbrowser" spec="3.1.0" />
<plugin name="cordova-plugin-x-socialsharing" spec="^5.17.1" />
<engine name="android" spec="7.1.4" />
app.module.ts:
import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { SplashScreen } from '@ionic-native/splash-screen';
import { StatusBar } from '@ionic-native/status-bar';
import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
import { SocialSharing } from '@ionic-native/social-sharing/ngx';
@NgModule({
declarations: [
MyApp,
HomePage
],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp)
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
HomePage
],
providers: [
StatusBar,
SplashScreen,
InAppBrowser,
SocialSharing,
{provide: ErrorHandler, useClass: IonicErrorHandler}
]
})
export class AppModule {}
以前有人遇到過這個問題嗎?
謝謝!
**you calling the function in Html file. move the functions in ts file.**
home.html
<button ion-button block (click)="socialSharing()">base64 image only</button>
home.ts
socialSharing(){
this.socialSharing.share(
null,
'Android filename',
'file',
null
)
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.