Quantcast
Channel: Ionic Framework - Ionic Forum
Viewing all 48980 articles
Browse latest View live
↧

How do i integration paytm payment gateway in Ionic v3.9

February 22, 2019, 9:23 pm
↧
Search

TypeError: Cannot read property 'ngModuleByPipeOrDirective' of undefined

February 22, 2019, 10:52 pm
$
0
0

@rajputsachin wrote:

TypeError: Cannot read property ‘ngModuleByPipeOrDirective’ of undefined
at AotCompiler.emitAllImpls (F:\IndiansInCA\node_modules@angular\compiler\bundles\compiler.umd.js:30807:55)
at AngularCompilerProgram.generateFilesForEmit (F:\IndiansInCA\node_modules@angular\compiler-cli\src\transformers\program.js:709:46)
at AngularCompilerProgram._emitRender2 (F:\IndiansInCA\node_modules@angular\compiler-cli\src\transformers\program.js:303:27)
at AngularCompilerProgram.emit (F:\IndiansInCA\node_modules@angular\compiler-cli\src\transformers\program.js:212:22)
at F:\IndiansInCA\node_modules@ionic\app-scripts\dist\aot\aot-compiler.js:223:38
at step (F:\IndiansInCA\node_modules@ionic\app-scripts\dist\aot\aot-compiler.js:32:23)
at Object.next (F:\IndiansInCA\node_modules@ionic\app-scripts\dist\aot\aot-compiler.js:13:53)
at fulfilled (F:\IndiansInCA\node_modules@ionic\app-scripts\dist\aot\aot-compiler.js:4:58)

error come only when i build apk

ionic info

cli packages: (F:\IndiansInCA\node_modules)

@ionic/cli-utils  : 1.19.2
ionic (Ionic CLI) : 3.20.0

global packages:

cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)

local packages:

@ionic/app-scripts : 3.2.2
Cordova Platforms  : android 7.1.4 browser 5.0.4
Ionic Framework    : ionic-angular 3.9.4

System:

Node : v10.15.1
npm  : 6.7.0
OS   : Windows 10

Environment Variables:

ANDROID_HOME : not set

Misc:

backend : pro

Posts: 1

Participants: 1

Read full topic

↧
↧

Admin and user (multiple auth)

February 22, 2019, 11:16 pm
$
0
0

@ariff23 wrote:

any can help me?
how to set admin and user login go to the different page.

userservice.ts

import { Http } from ‘@angular/http’;
import { Injectable } from ‘@angular/core’;
import * as firebase from ‘firebase’;

/*
Generated class for the UserserviceProvider provider.

See https://angular.io/guide/dependency-injection for more info on providers
and Angular DI.
*/
@Injectable()
export class UserserviceProvider {

public data: any;
public fireAuth: any;
public userProfile: any;

constructor(public http: Http) {

this.fireAuth = firebase.auth();

this.userProfile = firebase.database().ref('users');

}

loginUserService(email: string, password: string): any {
return this.fireAuth.signInWithEmailAndPassword(email, password);
} //call firebase

signupUser(account: {}): Promise {
return firebase.auth().createUserWithEmailAndPassword(account[‘email’], account[‘password’]).then(newUser => {
firebase.database().ref(userProfile/${firebase.auth().currentUser.uid}).set(account);
});
}

}

home.ts ( login page)

import { Component } from ‘@angular/core’;
import { NavController, NavParams, LoadingController, ToastController } from ‘ionic-angular’;
import { UserserviceProvider } from ‘…/…/providers/userservice/userservice’;
import { RegisterPage } from ‘…/register/register’;
import { FirstpagePage } from ‘…/firstpage/firstpage’;

@Component({
selector: ‘page-home’,
templateUrl: ‘home.html’,
providers: [UserserviceProvider]
})
export class HomePage {

public email: string;
public password: string;

constructor(public usersService : UserserviceProvider,
public loadingCtrl: LoadingController, public toastCtrl: ToastController,
public navCtrl: NavController, public navParams: NavParams) {
}

signIn(){

var that = this;

var loader = this.loadingCtrl.create({
      content: "Please wait..."
    });
    loader.present();


    this.usersService.loginUserService(this.email, this.password).then(authData => {
      //successful
      loader.dismiss();
      that.navCtrl.setRoot(FirstpagePage);

    }, error => {
loader.dismiss();
     // Unable to log in
      let toast = this.toastCtrl.create({
        message: error,
        duration: 3000,
        position: 'top'
      });
      toast.present();

that.password = ""//empty the password field

    });

}

resetPwd(){}

register(){
this.navCtrl.push(RegisterPage);
}

}

Posts: 2

Participants: 1

Read full topic

↧

Help to updating project in ionic4

February 22, 2019, 11:17 pm
$
0
0

@rajputsachin wrote:

my project in ionic3 but now ionic4 is come , and i update cli to ionic4 then my ionic3 code is not working so there is any solution that i update cli to ionic4 and also my code is working which is written in ionic3.

Posts: 1

Participants: 1

Read full topic

↧

How to change name of days & months in ionic2-calendar to local language

February 22, 2019, 11:33 pm
$
0
0

@anitatmj wrote:

Hi all
I want to change the name of days&month to my local language…not to national language, where i can change it?
example:
days :
sun > ahad
mon > seul
fri > jumat

use ionic2-calendar@0.4.x and ionic v 3
please help me…

Posts: 1

Participants: 1

Read full topic

↧
↧

Set Gradle version

February 23, 2019, 12:07 am
$
0
0

@Kyrax80 wrote:

Hi, is there a way to set with which Gradle version I wanna compile my Android project when I do ionic cordova build/run android??

Thanks

Posts: 1

Participants: 1

Read full topic

↧

How can I total all the prices on my cart

February 23, 2019, 1:40 am
$
0
0

@RyannChristiann wrote:

I’m using ionic 3, angularfire2 I cant find a good solution, I want to add all the total prices on my cart
11

this is my firebase structure
22

i want to sum all the total

Posts: 2

Participants: 2

Read full topic

↧

HttpClient cannot ignore or bypass self signed certificate error

February 23, 2019, 2:38 am
$
0
0

@chatchaicbv wrote:

Hello everybody. I have tried to send a POST data to a server but i received an error , “net::ERR_CERT_INVALID”. The code as shown below is what I tried to bypass the error but it’s still fail. Please help advice.

import { HttpClient, HttpParams } from '@angular/common/http';

createData(data): Promise<any> {
    let post_message = data;
    let header_node = {
      Accept: 'application/json',
      rejectUnauthorized: 'false',
    }
    // this.oauth_header.Authorization = 'Bearer ' + access_token;
    const url_params = new HttpParams()
      .set('rejectUnauthorized', 'false')
      .set('requestCert', 'false')
      .set('insecure', 'true')

    return this.http.post('https://ip/createdata', post_message, {
      headers: header_node,
      
    }).toPromise();

Posts: 1

Participants: 1

Read full topic

↧
Search

What's New in ionic 4?

February 23, 2019, 4:51 am
$
0
0

@Harry13 wrote:

Hello Everyone,

I am Technology Expert, blogger and also the technology consultant to guide startups about the which technology you have to choose. therefore I am going to write one blog about the big comparison of Flutter Vs ionic vs React native? but here I am facing some issues, therefore I have some questions regarding these frameworks and expecting helpful answers so I can assist every startup in a better way.

  • Why we are comparing these 3 (Flutter Vs ionic 4 vs React native) platforms?
  • Why ionic 4 is much better than other platforms?
  • What are the pros and cons of choosing this platform?
  • Which Hybrid-Framework has more future?
  • Will Ionic Framework replace Android Java development in the future?
  • Are there any limits with Ionic Framework?
  • Is Ionic Framework good enough for a heavy database app?

Awaiting best replies and I will feature your name as best answer I got in the ionic form.

Posts: 1

Participants: 1

Read full topic

↧
↧

Ionic 4 Android APK Expansion Files

February 23, 2019, 4:53 am
↧

Funny Origin: ionic://localhost CORS header on ios

February 23, 2019, 5:04 am
$
0
0

@nharrer wrote:

Hi.

I have just upgraded an app to ionic4. As far as I understand, a new webview is used in Cordova for ios which enforces CORS. So far so good.

I was surprised though that ios is sending:

Origin: ionic://localhost

I had expected http://localhost. It’s not really a problem since I have control over the server and added it to the allowed origins. I am wondering however what the reason for this url is? I have ran the same app on platforms android and browser. And there it sends http://localhost as expected.

Here is a capture of the traffic:

Posts: 1

Participants: 1

Read full topic

↧

Ionic 4 "loading" overlay comes up too late

February 23, 2019, 5:11 am
$
0
0

@arnhrwd wrote:

I have a page change that takes a little long due some graphics and other things that need to load. I’m trying to implement a “loading” overlay that should show up immediately the button to change pages is clicked, and then disappears when the page that loads has finished loading. The problem is that the “loading” overlay only comes up briefly, after the page has finished loading. The relevant code is:

public goToMain() {
    this.presentLoading();
    this.router.navigateByUrl('/tabs/tab1');
}

async presentLoading() {
    this.loading = await this.loadingController.create({
      translucent:true,
      message:"Loading..."
    });
    await this.loading.present();
}

How can I force the loading screen to be displayed before the navigation takes place?

Posts: 2

Participants: 1

Read full topic

↧

Ionic v4 vertical center IonSlide

February 23, 2019, 5:39 am
$
0
0

@avex wrote:

ion-slide was wrapped by .swiper-wrapper, we can vertical center align ion-slide to ion-slides via change the css class “.swiper-wrapper”.
But now, Ionic4 put it in SHADOW.
How do you vertical align ion-slide in ion-slides now?

Ionic4 makes components as web component, and it’s very hard to style.
It increase very much time for developing, without js styling, is there any easy way to style component?

000-1
000-1.jpg800×900 124 KB

Posts: 2

Participants: 2

Read full topic

↧
↧

Setting of ionic date and time does not display properly, Ionic 3?

February 23, 2019, 5:56 am
$
0
0

@ariang wrote:

I have the following ionic 3 date picker.

<ion-col col-12> <ion-datetime displayFormat="MMM DD, YYYY HH:mm" [(ngModel)]="dateSession"></ion-datetime> </ion-col>

Select the date and time displays this Jan 03, 2019 15:00, for example.

Setting the date and time, on load for however displays nothing.
this.dateSession = 'Jan 01, 2019 00:00'

Doing this
<ion-col col-12> {{dateSession}} <ion-datetime displayFormat="MMM DD, YYYY HH:mm" [(ngModel)]="dateSession"></ion-datetime> </ion-col>

displays this…2019-01-01T15:00:00Z

What would be the way to set this value so that it displays in accordance to the displayFormat, as if the date was ‘picked’?

Posts: 1

Participants: 1

Read full topic

↧

Problème d'utilisation de sqlite

February 23, 2019, 6:58 am
$
0
0

@Frankuriel1 wrote:

Bonjour Je voudrai créer un provider à l’intérieur créer des méthodes dynamique pour des requête sqlite mais je n’arrive pas à les rendre dynamique surtout au moment où il faut extraite les donne et envoyer dans un tableau.

Posts: 1

Participants: 1

Read full topic

↧
Search

Custom button for ion-select through [selectOptions]

February 23, 2019, 7:12 am
$
0
0

@puremonk wrote:

I want an ion-select with one button saying ‘save’. I also want to use a handler for that button.
This is what my ion-select alert looks like currently:
image

The ‘cancel’ and ‘ok’ buttons should be replaced by just one ‘save’ button.
I was able to change the title and message of the ion-select alert, but for some reason the buttons won’t change.
In the docs it says this should be possible select - ionic API
Note: this select is a component.
In my .ts file:

this.selectOptions = {
      title: this.global.translate.selectPark,
      message: this.global.translate.onlyChooseOnce,
      buttons: [
        {
          // Save button
          text: this.global.translate.save,
          handler: () => {
            console.log('Save clicked');
            this.storage.set(this.parkKey, this.parkValue).then((value) => {
              console.log('storage.set returs: ', value);
              this.parkLocationChoose.setParkValue(this.parkValue);
            })
          }
        }
      ]
    }

my html:

<ion-select #parkSelect [selectOptions]="selectOptions">
      <ion-option *ngFor="let park of parks" [value]="parkValue">
        {{ park }}
      </ion-option>
</ion-select>

Posts: 1

Participants: 1

Read full topic

↧

Custom Alerts local notification

February 23, 2019, 7:23 am
$
0
0

@aligassan wrote:

l have ionic app for flights schedules details using data json api .l want to make when user click on bell he will get notification about the status of flight , if she is arrival or delay or landed . l installed Local Notifications native for ionic , but l don`t know how can l Custom these steps above ! . there is any idea or step please ?

LEzlm.jpg720×916

Posts: 1

Participants: 1

Read full topic

↧
↧

Ion-slides preloading not working

February 23, 2019, 7:56 am
$
0
0

@brenden wrote:

When I use ion-slides with provided options that contain “preloadImages: true, lazy: false”, the images still appear to be lazy loaded. Any clue as to how to get this to work properly?

this.slideOptions = {
      loop: true,
      preloadImages: true,
      lazy: false
    };

...

 <ion-slides [options]="this.slideOptions">
     <ion-slide *ngFor="let image of this.images; index as i;">
         <ion-img
                 [src]="image">
          </ion-img>
    </ion-slide>
</ion-slides>

Here’s my ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.10.3 
   Ionic Framework               : @ionic/angular 4.0.1
   @angular-devkit/build-angular : 0.10.7
   @angular-devkit/schematics    : 7.0.7
   @angular/cli                  : 7.0.7
   @ionic/angular-toolkit        : 1.2.0

Cordova:

   cordova (Cordova CLI) : 7.1.0
   Cordova Platforms     : android 7.1.4, browser 5.0.4
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.4.0, (and 6 other plugins)

System:

   NodeJS : v10.15.1 (C:\Program Files\nodejs\node.exe)
   npm    : 6.5.0
   OS     : Windows 10

Posts: 1

Participants: 1

Read full topic

↧

Ionic V4 - How do you change button background color without --background?

February 23, 2019, 8:16 am
$
0
0

@avex wrote:

How do you change button background color without --background?
Is there --background-color ?
Too many such kind of problems in IONIC4 web component.

For just to change background color, NOT WHOLE BACKGROUND, to using BACKGROUND is very very STUPID , because I don’t want to override background the other attributes.

ion-button {
    --background: orangered;
}

Is using web component just for FANCY? It seems not practical, and increase development time, who decided to change to web component with shadow dom?

Posts: 1

Participants: 1

Read full topic

↧

Ionic 4 redirect to tabs page

February 23, 2019, 9:01 am
$
0
0

@AvW wrote:

I have created a standard tabs app using the command: ionic start tabs tabs --type=angular

Next I modify routes app-routing.modules from:

const routes: Routes = [
{ path: ‘’, loadChildren: ‘./tabs/tabs.module#TabsPageModule’ }
];

to:

const routes: Routes = [
{ path: ‘’, redirectTo: ‘tabs’, pathMatch: ‘full’ },
{ path: ‘tabs’, loadChildren: ‘./tabs/tabs.module#TabsPageModule’ }
];

If I run ‘ionic serve’ I get the following error message:
ERROR Error: “[object Object]”
resolvePromise8Angular

Why?

Posts: 1

Participants: 1

Read full topic

↧
Viewing all 48980 articles
Browse latest View live
Search
<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>