Posts

Showing posts from January, 2018

Ionic 3 Share Through Social Media

 Ionic 3 Share Through Social Media Installation: ionic cordova plugin add cordova-plugin-x-socialsharing npm install --save @ionic-native/social-sharing  Create Your Project: ionic start socialSharingApp Change Directory To Your Ionic Project: cd socialSharingApp Add Page To Your Application :  ionic g page socialShare Add the following in app.module.ts  import { SocialSharePage } from '../pages/social-share/social-share'; declarations:[ ..... SocialSharePage ], imports: [ ..... ], entryComponents : [ .... SocialSharePage ] Add the following code in social-share.html <ion-header> <ion-navbar color="primary"> <ion-title>Social Share</ion-title> </ion-navbar> </ion-header> <ion-content padding> <h6 style="text-align:center">Share About this application in social-media</h6> <br /> <button ion-button (click)="shareWhatsapp()" full>...

Ionic 3 Text To Speech Conversion

 Ionic 3 Text To Speech Conversion Installation: ionic cordova plugin add cordova-plugin-tts npm install --save @ionic-native/text-to-speech  Create Your Project: ionic start textToSpeech Change Directory To Your Ionic Project: cd textToSpeech Add Page To Your Application :  ionic g page textToSpeech Add the following in app.module.ts  import { TextToSpeechPage } from '../pages/text-to-speech/text-to-speech'; declarations:[ ..... TextToSpeechPage BrowserFacebookPage ], entryComponents : [ .... TextToSpeechPage ] Add the following code in text-to-speech.html <ion-header> <ion-navbar color="primary"> <ion-title>Text To Speech</ion-title> </ion-navbar> </ion-header> <ion-content padding> <ion-item> <ion-label floating>Username</ion-label> <ion-input type="text" [(ngModel)]="speakOut"></ion-input> </ion-item> <...

Ionic 3 Login with Browser Facebook

 Ionic 3 Login with Browser Facebook  Installation: npm install ng2-cordova-oauth --save  Create Your Project: ionic start browserFacebookApp Change Directory To Your Ionic Project: cd browserFacebookApp Add Page To Your Application :  ionic g page browserPage Add Provider To Your Application :  ionic g page facebookService Add the following in app.module.ts  import { BrowserFacebook Page } from '../pages/browser-facebook/browser -facebook import { HttpModule } from '@angular/http'; import { FacebookServiceProvider } from '../providers/facebook-service/facebook-service'; declarations:[ ..... BrowserFacebookPage ], imports: [ BrowserModule, IonicModule.forRoot(MyApp), HttpModule ], entryComponents : [ .... BrowserFacebookPage ], providers: [ .... FacebookServiceProvider ] Add the following code in browser-facebook.html <ion-header> <ion-navbar color="primary"> <ion-title>Browser Fa...