@Jekes wrote:

Hi,

I have a question, i don’t if it’s a bug or not. I made a login form with ionic 4

  <form [formGroup]="loginForm" (submit)="onSubmit()">
      <ion-item>
        <ion-label>username</ion-label>
        <ion-input type="text" formControlName="username"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label>password</ion-label>
        <ion-textarea type="text" formControlName="password"></ion-textarea>
      </ion-item>
      <ion-button type="submit" [disabled]="!loginForm.valid">Submit</ion-button>
    </form>

The submit function from my .ts file is not working, but when a change
<ion-button type="submit" [disabled]="!loginForm.valid">Login</ion-button>
to
<button ion-button type="submit" [disabled]="!loginForm.valid">Login</button>
It’s working well.
Have anybody an answer ?
Thank’s

Posts: 1

Participants: 1

Read full topic

@Natanael4354 wrote:

I cannot put breakpoints in the correct position because it seems to be showing an older version of the sources in the browser.

How can I force it to update the source in the browser?

Posts: 1

Participants: 1

Read full topic

@pliablepixels wrote:

I bought Josh’s book a year ago when I first started my journey into Ionic 2. A year later, I just received a free update to Ionic 4 with all the updates for Capacitor/Stencil/WhateverElseVoodoIsTheNewInThingInIonic

I am finally going to start reading about all the changes since Ionic 2. I just did not have the time or inclination to keep up with all the rapid changes so far and was waiting for his update (which I was fully prepared to buy, but did not need to, as he made it a free update)

Looking back at the book changes from v2 to v4, its a lot of extra work, a lot of rewrite and I am (pleasantly) surprised this was offered free.

So a shout out to you @joshmorony for doing this.

I’d recommend others to buy his books (and/or courses) and also refer to his videos, many of which are free.

Posts: 1

Participants: 1

Read full topic

@_MicaelPereira wrote:

Hey guys I’m install the plugin for analytics, but I have an error when I try to generate an apk.
This error:
FAILURE: Build failed with an exception.

• Where:
  Build file ‘C:\Micael\Physi\physiconnect-app\platforms\android\build.gradle’ line: 259

• What went wrong:
  A problem occurred evaluating root project ‘android’.

Could not get unknown property ‘GMS_VERSION’ for object of type org.gradle.api.internal.artifacts.dsl.dependencies.DefaultDependencyHandler.

• Try:
  Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.
  Error: cmd: Command failed with exit code 1 Error output:
  FAILURE: Build failed with an exception.

• Where:
  Build file ‘C:\Micael\Physi\physiconnect-app\platforms\android\build.gradle’ line: 259

• What went wrong:
  A problem occurred evaluating root project ‘android’.

Could not get unknown property ‘GMS_VERSION’ for object of type org.gradle.api.internal.artifacts.dsl.dependencies.DefaultDependencyHandler.

• Try:
  Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.
  Picked up _JAVA_OPTIONS: -Xmx512M

[ERROR] An error occurred while running cordova build android (exit code 1).

Posts: 1

Participants: 1

Read full topic

@anasshl wrote:

i need to pass an *ngFor element via click event parameter , thank you
best regards,
anass

Posts: 1

Participants: 1

Read full topic

@Triskae wrote:

Hello,

I have a problem with an that i’m developing. I have to display a website inside my app, but there is an error: Refused to display ‘urlToTheWebsite/’ in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’.

The problem is that this website can’t be displayed from within an iframe, is there any way to bypass this error ?

Thanks for your help !

Posts: 1

Participants: 1

Read full topic

@hanachiyassine wrote:

Hy i want to check connexion internet not the connexion for wifi or 3G but i want to test if i has internet access or no

Posts: 1

Participants: 1

Read full topic

@zaeemasif wrote:

I’m having an issue with Ionic View app it’s sending OPTIONS request by default instead of GET/POST/PUT. It’s working fine from browser but when I try it from Ionic View it send OPTIONS request. Please any help is appreciated.

Posts: 2

Participants: 2

Read full topic

@ioclaudio wrote:

Hi,
after building my app for Android with this command:
ionic cordova build android --prod --release

and this configuration;

>ionic info

Ionic:

   ionic (Ionic CLI)  : 4.0.2 
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.1.11

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : android 7.1.1

System:

   Android SDK Tools: 26.1.1
   NodeJS            : v8.11.3 (C:\Program Files\nodejs\node.exe)
   npm               : 6.2.0

when I execute the app on a mobile I can see the splash screen, but after the splash screen, it shows a white screen instead of my app.
I think that I have this problem after updating Angular to the version 6.1.0.

If I build a brand new app it works well.
If I try the app using the command ionic serve -lcs and “Ionic Dev App” I don’t have this problem.

I don’t know how to debug this problem because I have no errors, only a white screen.
I’ve found some similar question in the forum, but they refer to previous versions of Ionic.

Thank you
cld

Posts: 1

Participants: 1

Read full topic

@reedrichards wrote:

There isn’t a nightly build of @ionic/angular v4 ?

I tried

npm install @ionic/angular@nightly --save

didn’t work out

Posts: 1

Participants: 1

Read full topic

@abhijitmabhi wrote:

My Login.ts file

logForm = function()
{

this.loginProvider.login(this.user);

}

And Provider method:

login(user) {
let data: object;
let dt = “grant_type=password&username=” + user.username + “&password=” + user.password;

let headers = {
  'Content-Type': 'application/x-www-form-urlencoded'
};

this.http.post(this.baseUrl, dt, { headers }).subscribe(
  res => {
    data = res;
    console.log(data);
    return data ;
  },
  err => {
    alert("Error!");
  });

}

Posts: 1

Participants: 1

Read full topic

@mubasshir wrote:

Hi,
Since 2 weeks I’m getting this error. I’ve got through every possible answer and have tried every solution but still not able to find solution to this.

ionic cordova build ios --prod

My app is becoming slow cause of no –prod

ionic info

cli packages: (/usr/local/lib/node_modules)

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

global packages:

    cordova (Cordova CLI) : 8.0.0 

local packages:

    @ionic/app-scripts : 3.1.11
    Cordova Platforms  : android 7.0.0 ios 4.5.4
    Ionic Framework    : ionic-angular 3.9.2

System:

    ios-deploy : 2.0.0 
    Node       : v10.6.0
    npm        : 6.1.0 
    OS         : macOS High Sierra
    Xcode      : Xcode 9.4.1 Build version 9F2000 

Environment Variables:

    ANDROID_HOME : not set

Misc:

    backend : pro

package.json

{
  "name": "AppName",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/animations": "^4.4.6",
    "@angular/common": "^4.4.6",
    "@angular/compiler": "^4.4.6",
    "@angular/compiler-cli": "^4.4.6",
    "@angular/core": "^4.4.7",
    "@angular/forms": "^4.4.6",
    "@angular/http": "^4.4.6",
    "@angular/platform-browser": "^4.4.6",
    "@angular/platform-browser-dynamic": "^4.4.6",
    "@angular/tsc-wrapped": "^4.4.6",
    "@ionic-native/android-permissions": "4.11.0",
    "@ionic-native/app-version": "4.11.0",
    "@ionic-native/badge": "4.11.0",
    "@ionic-native/base64-to-gallery": "4.11.0",
    "@ionic-native/call-number": "4.11.0",
    "@ionic-native/camera": "4.11.0",
    "@ionic-native/core": "4.11.0",
    "@ionic-native/device": "4.11.0",
    "@ionic-native/diagnostic": "4.11.0",
    "@ionic-native/email-composer": "4.11.0",
    "@ionic-native/file": "4.11.0",
    "@ionic-native/file-chooser": "4.11.0",
    "@ionic-native/file-opener": "4.11.0",
    "@ionic-native/file-path": "4.11.0",
    "@ionic-native/file-transfer": "4.11.0",
    "@ionic-native/geolocation": "4.11.0",
    "@ionic-native/globalization": "4.11.0",
    "@ionic-native/in-app-browser": "4.11.0",
    "@ionic-native/keyboard": "4.11.0",
    "@ionic-native/media": "4.11.0",
    "@ionic-native/media-capture": "4.11.0",
    "@ionic-native/network": "4.11.0",
    "@ionic-native/onesignal": "4.11.0",
    "@ionic-native/photo-library": "4.11.0",
    "@ionic-native/photo-viewer": "4.11.0",
    "@ionic-native/shake": "4.11.0",
    "@ionic-native/social-sharing": "4.11.0",
    "@ionic-native/splash-screen": "4.11.0",
    "@ionic-native/sqlite": "4.11.0",
    "@ionic-native/status-bar": "4.11.0",
    "@ionic-native/streaming-media": "4.11.0",
    "@ionic-native/unique-device-id": "4.11.0",
    "@ionic-native/vibration": "4.11.0",
    "@ionic-native/video-capture-plus": "4.11.0",
    "@ionic-native/video-editor": "4.11.0",
    "@ionic-native/video-player": "4.11.0",
    "@ionic/cli-utils": "^1.19.1",
    "@ionic/storage": "^2.1.3",
    "@ngx-translate/core": "^9.1.1",
    "@ngx-translate/http-loader": "^2.0.1",
    "@types/underscore": "^1.8.3",
    "angular2-moment": "^1.8.0",
    "angular2-uuid": "^1.1.1",
    "buffer-crc32": "^0.2.13",
    "callsite": "^1.0.0",
    "com-sarriaroman-photoviewer": "^1.1.16",
    "cordova-android": "^7.1.0",
    "cordova-base64-to-gallery": "^4.1.3",
    "cordova-browser": "~4.1.0",
    "cordova-ios": "4.5.4",
    "cordova-plugin-add-swift-support": "^1.7.1",
    "cordova-plugin-android-permissions": "^1.0.0",
    "cordova-plugin-app-version": "^0.1.9",
    "cordova-plugin-badge": "^0.8.7",
    "cordova-plugin-camera": "^4.0.2",
    "cordova-plugin-cocoapod-support": "^1.3.0",
    "cordova-plugin-compat": "^1.2.0",
    "cordova-plugin-device": "^2.0.1",
    "cordova-plugin-file": "^5.0.0",
    "cordova-plugin-file-opener2": "^2.0.19",
    "cordova-plugin-file-transfer": "^1.7.1",
    "cordova-plugin-filechooser": "^1.0.1",
    "cordova-plugin-globalization": "^1.0.9",
    "cordova-plugin-inappbrowser": "^2.0.2",
    "cordova-plugin-ionic-webview": "^1.1.16",
    "cordova-plugin-media": "^3.0.1",
    "cordova-plugin-media-capture": "^3.0.1",
    "cordova-plugin-network-information": "^2.0.1",
    "cordova-plugin-photo-library": "^2.1.0",
    "cordova-plugin-splashscreen": "^5.0.2",
    "cordova-plugin-statusbar": "^2.4.1",
    "cordova-plugin-streaming-media": "^1.0.2",
    "cordova-plugin-uniquedeviceid": "^1.3.2",
    "cordova-plugin-vibration": "^3.0.1",
    "cordova-plugin-video-capture-plus": "^1.0.0",
    "cordova-plugin-video-editor": "^1.1.3",
    "cordova-plugin-video-player": "git+https://github.com/moust/cordova-plugin-videoplayer.git",
    "cordova-plugin-whitelist": "^1.3.3",
    "cordova-sqlite-storage": "^2.3.3",
    "cordova.plugins.diagnostic": "^3.9.2",
    "firebase": "^5.2.0",
    "font-awesome": "^4.7.0",
    "i": "^0.3.6",
    "ionic-angular": "^3.9.2",
    "ionic-img-viewer": "^2.9.0",
    "ionic-plugin-keyboard": "^2.2.1",
    "ionic2-auto-complete-ng5": "^1.0.3-release",
    "ionicons": "^3.0.0",
    "mime-types": "^2.1.18",
    "moment": "^2.20.1",
    "ng-elastic": "^1.0.0-beta.5",
    "ngx-order-pipe": "^2.0.1",
    "node-sass": "^4.5.3",
    "onesignal-cordova-plugin": "^2.3.3",
    "promise-polyfill": "6.1.0",
    "rxjs": "^5.5.7",
    "socket.io-client": "^2.0.3",
    "sw-toolbox": "3.6.0",
    "typings": "^2.1.1",
    "underscore": "^1.8.3",
    "zone.js": "0.8.12"
  },
  "devDependencies": {
    "@ionic/app-scripts": "^3.1.11",
    "typescript": "^2.9.2"
  },
  "description": "An Ionic project",
  "config": {
    "ionic_copy": "./config/copy.config.js",
    "ionic_sass": "./config/sass.config.js"
  },
  "cordova": {
    "plugins": {
      "cordova-plugin-compat": {},
      "cordova-plugin-app-version": {},
      "cordova-sqlite-storage": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-network-information": {},
      "cordova-base64-to-gallery": {},
      "cordova-plugin-add-swift-support": {},
      "cordova-plugin-badge": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-inappbrowser": {},
      "cordova-plugin-ionic-webview": {},
      "cordova-plugin-media-capture": {},
      "cordova.plugins.diagnostic": {},
      "cordova-plugin-vibration": {},
      "cordova-plugin-video-editor": {},
      "cordova-plugin-uniquedeviceid": {},
      "cordova-plugin-globalization": {},
      "cordova-plugin-photo-library": {
        "PHOTO_LIBRARY_USAGE_DESCRIPTION": "To save files in Library"
      },
      "onesignal-cordova-plugin": {},
      "cordova-plugin-camera": {},
      "cordova-plugin-file-opener2": {},
      "com-sarriaroman-photoviewer": {},
      "cordova-plugin-file-transfer": {},
      "cordova-plugin-file": {},
      "cordova-plugin-media": {
        "MICROPHONE_USAGE_DESCRIPTION": " "
      },
      "com.hutchind.cordova.plugins.streamingmedia": {},
      "nl.x-services.plugins.videocaptureplus": {},
      "cordova-plugin-android-permissions": {},
      "cordova-plugin-cocoapod-support": {},
      "com.moust.cordova.videoplayer": {},
      "cordova-plugin-filechooser": {},
      "ionic-plugin-keyboard": {}
    },
    "platforms": [
      "browser",
      "android",
      "ios"
    ]
  }
}

error

Running app-scripts build: --prod --platform ios --target cordova
[21:32:30]  build prod started ... 
[21:32:30]  clean started ... 
[21:32:30]  clean finished in 3 ms 
[21:32:30]  copy started ... 
[21:32:30]  deeplinks started ... 
[21:32:31]  deeplinks finished in 823 ms 
[21:32:31]  ngc started ... 
Error: Cannot determine the module for class OverlayPortal in /app-path/node_modules/ionic-angular/components/app/overlay-portal.d.ts! Add OverlayPortal to the NgModule to fix it.
Cannot determine the module for class IonicApp in /app-path/node_modules/ionic-angular/components/app/app-root.d.ts! Add IonicApp to the NgModule to fix it.
Cannot determine the module for class ClickBlock in /app-path/node_modules/ionic-angular/components/app/click-block.d.ts! Add ClickBlock to the NgModule to fix it.
    at syntaxError (/app-path/node_modules/@angular/compiler/bundles/compiler.umd.js:1729:34)
    at analyzeAndValidateNgModules (/app-path/node_modules/@angular/compiler/bundles/compiler.umd.js:24166:15)
    at AotCompiler.analyzeModulesAsync (/app-path/node_modules/@angular/compiler/bundles/compiler.umd.js:23797:46)
    at CodeGenerator.codegen (/app-path/node_modules/@angular/compiler-cli/src/codegen.js:32:14)
    at Function.NgTools_InternalApi_NG_2.codeGen (/app-path/node_modules/@angular/compiler-cli/src/ngtools_api.js:73:30)
    at /app-path/node_modules/@ionic/app-scripts/dist/aot/aot-compiler.js:182:73
    at step (/app-path/node_modules/@ionic/app-scripts/dist/aot/aot-compiler.js:32:23)
    at Object.next (/app-path/node_modules/@ionic/app-scripts/dist/aot/aot-compiler.js:13:53)
    at fulfilled (/app-path/node_modules/@ionic/app-scripts/dist/aot/aot-compiler.js:4:58)
[21:32:38]  copy finished in 8.36 s 

Posts: 1

Participants: 1

Read full topic

@hamedhossani wrote:

I’m trying to deploy an android apk created by Ionic v3 but I’m wrong.
Here is my process :
1)Build the release apk : ionic cordova build --release android

2)keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 10000
I create password named MyPass1, and write all information in the form (name, country,…)

3)Signed the Apps :jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.keystore platforms\android\app\build\outputs\apk\release\app-release-unsigned.apk alias_name

4)Zip the Apk : zipalign -v 4 platforms\android\app\build\outputs\apk\release\app-release-unsigned.apk alias_name

5)And then i copy the Apk on a android device.

Given that I have defined the program name (سلام علکیم) in config.xml => <widget => <name
But when I try to install the Apps, the name of app is alias_name .
Where have I made a mistake?

Thanks in advance

Posts: 1

Participants: 1

Read full topic

@niyaswebtree wrote:

I want to use both Google-map plugin and cordova google plus plugin (google login) together in my app. But google plus plugin not working with google map plugin. Google plus plugin not showing any error, but simply not working. when i remove google map plugin, then google plus plugin is working fine. how i use both plugin together in my app? please help me to solve this problem.

Posts: 1

Participants: 1

Read full topic

@codemickey78 wrote:

Screen Shot 2018-08-01 at 16.18.44.png1280x800 241 KB

I wish to style the <ion-tab-button>

Posts: 1

Participants: 1

Read full topic

@vendybike wrote:

Hi, i have a problem, i want to use mapy.cz api, but it need import <script src="https://api.mapy.cz/loader.js"></script> to my .ts file. How is it possible ? thx for all.

Posts: 1

Participants: 1

Read full topic

@MichaelMalony wrote:

Attempting to pass query params via nav controller doesn’t seem to work.

Here is a simplified version of what I have.

this.navController.goForward(`/person/${personId}`, true, { queryParams: { something: 55 }});

This will correctly navigate to the page for route “/person/:personId” but the query parameter is not appended to the url.

I can’t find any documentaton stating that query params should be defined on the route and I can manually append the query string to the url and it works OK. Is this just a bug in NavController? Or is my call signature wrong?

Posts: 1

Participants: 1

Read full topic

@_Ali94 wrote:

As a title, is possible to add ads in the list ?

I saw so many apps use ads in the list but I’m not sure if this supported in ionic or not ?

Posts: 2

Participants: 1

Read full topic

@lucasZ wrote:

I’m getting class not found, just in android, IOS works normal, anyone already had this problem?

I already exclude the android platform and put it again, it did not solve, already tried with another project, also did not solve …

I always have problem with Android, IOS always and everything easier … but I need the android too …

my config.xml

 plugin name="phonegap-plugin-push" spec="^ 2.1.3">
             <variable name="FCM_VERSION" value="11.6.2" />
            <variable name="SENDER_ID" value="42116867643" />
         </ plugin>
    <platform name="android">
    <resource-file src="google-services.json" target = "application/ google-services.json" />
    </ platform>

my .ts file

console.log('hasPermission - before');

this.push.hasPermission().then((res: any) => {
    console.log('hasPermission - after', res);
    ...
}).catch(error => {
    console.log('hasPermission - error ', error );
    throw error; //-> here i got the error 'CLASS NOT FOUND'
});

  setTokenPush(){
    const options: PushOptions = {
      android: {
        senderID: '42116867643'
      },
      ios: {
        alert: 'true',
        badge: true,
        sound: 'true'
      },
      windows: {},
      browser: {
        pushServiceURL: 'http://push.api.phonegap.com/v1/push'
      }
    };

    const pushObject: PushObject = this.push.init(options);
    pushObject.on('notification').subscribe((notification: any) => {
      let ethereumStr: string = notification.additionalData.data; // get the string
      let data: { datas: string } = JSON.parse(ethereumStr);
      this.response = data;
      this.data_ethereum =  this.response.datas.ethereum;
      this.data_bitcoin =  this.response.datas.bitcoin;
      this.data_litecoin =  this.response.datas.litecoin;
      this.storage.set('data_ethereum', this.data_ethereum);
      this.storage.set('data_litecoin', this.data_litecoin );
      this.storage.set('data_bitcoin', this.data_bitcoin); 
      this.navCtrl.push(LoadingPage,{  
        "message_loading":notification.title,
        "type":"receive",
      });


    });
    pushObject.on('registration').subscribe((registration: any) => {

      this.configPushUser(registration.registrationId);

    });

    pushObject.on('error').subscribe(error => {
    });

  }
  configPushUser(token){
    this.webservice.configPushUser(token).subscribe(data=>{

    });

  }

Posts: 1

Participants: 1

Read full topic

@dumdem wrote:

A simple hello world ionic 3 app working perfectly fine on ionic serve command in browser but when I run it using any of the following commands i am getting an error of “Couldn’t connect to the server. (http://localhost:8080/)”:

Commands:

ionic cordova run android
ionic cordova run android (with liverelad)

I have also done

Also done:

<content src="index.html" />
<access origin="*" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />

removed and added again whitelist and webview (also removed permanently) plugins also removed and added back the android platform.

Also disabled the firewall. Already on same network / wifi (both mobile and pc).
I have searched each and every forum / website pertinent to this error and also tried all the solutions but none of them worked.

I am using genymotion emulator but getting same error on that.

Ionic Info:

Ionic:

ionic (Ionic CLI) : 4.0.1 (C:\Users\PC\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : ionic-angular 3.9.2
@ionic/app-scripts : 3.1.11

Cordova:

cordova (Cordova CLI) : 8.0.0
Cordova Platforms : android 7.0.0

System:

Android SDK Tools : 26.1.1
NodeJS : v8.11.3 (C:\Program Files\nodejs\node.exe)
npm : 4.0.0
OS : Windows 7

Environment:

ANDROID_HOME : C:\Users\PC\AppData\Local\Android\Sdk

My plugins:

ionic cordova plugins
-> cordova plugin ls

cordova-plugin-device 2.0.2 “Device”
cordova-plugin-ionic-keyboard 2.1.2 “cordova-plugin-ionic-keyboard”
cordova-plugin-ionic-webview 2.0.2 “cordova-plugin-ionic-webview”
cordova-plugin-splashscreen 5.0.2 “Splashscreen”
cordova-plugin-whitelist 1.3.3 “Whitelist”

Please help me to solve this problem. Positive response highly appreciated.

plugins.png1366x768 182 KB

Screenshot_2018-08-01-13-47-56.png720x1280 72.4 KB

Posts: 1

Participants: 1

Read full topic