@vishwaprasad123 wrote:

Iam trying to use imagemapster plugin with Ioinc3 and Angular5 combination, I tried using JQuery method, it is not working. May i know to implement this?

Thanks in Advance

Posts: 1

Participants: 1

Read full topic

@DargEdge wrote:

after npm install -g ionic
when i try to use “ionic start …”
it response “The command “ionic” is either misspelled or could not be found.”

Posts: 3

Participants: 3

Read full topic

@AJ.M.A wrote:

Hi guys,

I just started recently and I collided with this issue. I can’t find any plugin or a way to select multiple files on Android or IOS.

Thanks.

Posts: 1

Participants: 1

Read full topic

@yesdedoo wrote:

Hi guys, now I’m a newbie in this framework.

While I doing the AndroidPermission, AndroidPermission there will be:

var permissions = cordova.plugins.permissions;
permissions.checkPermission(permission, successCallback, errorCallback);
permissions.requestPermission(permission, successCallback, errorCallback);
permissions.requestPermissions(permissions, successCallback, errorCallback);

The point is, I unable to call cordova.plugins.permissions.
In my editor showed that " Property does not exist on type CordovaPlugin

My project was successful in installed cordova AndroidPermissions and added in the app module provider

Posts: 1

Participants: 1

Read full topic

@mpallante wrote:

Hello everyone,

I’m trying to use a LoadingController to show an indicator while I’m doing calls to a remote service, but I have some troubles.

My current situation is the following. I have a PageComponent with a simple loading method, something like:

export class PageComponent {

  constructor(private itemsService: ItemsService) { }

  fillData() {
    this.itemsService.getItems().subscribe(items => {
      this.items = items;
    });
  }

}

The ItemsService is simple too:

export class ItemsService {

  constructor(private http: HttpClient) { }

  getItems() {
    let url = 'http://example.org/items/endpoint';

    return this.http.get(url).pipe(
      map(this.buildItems.bind(this)
    );
  }

  private buildItems(items: any[]) {
    // convert remote data format to internal one
  }
}

Now I’d like to put a LoadingController between the twos, by making both the caller and the callee basically unaware of what’s really happening.

So my idea is to create an intermediate service class that’s called from the page class. To make it flexible enough to be used with any kind of service (I have more than ItemsService), I tried to pass to the intermediate class the same Observable I got from the ItemsService like this:

(in PageComponent)

fillData() {
  this.loadingService.loadData(this.itemsService.getItems()).subscribe(items => {
    this.items = items;
  });
}

and I defined a new service like this:

export class LoadingService {

  loadData(observable: Observable<any>): Observable<any> {
    return observable.pipe(
      finalize(() => {
        console.log('after data received');
      })
    );
  }

}

This code seems to work. When I call the fillData in PageComponent, I get the observable from ItemsService, add a finalize() operator to it and finally (in fillData()) I subscribe the observable, having the real remote request called.

This way, if I have many services shaped like ItemsService, I can do

this.loadingService.loadData(this.service1.getData()).subscribe( /* ... */ );
this.loadingService.loadData(this.service2.getData()).subscribe( /* ... */ );
this.loadingService.loadData(this.service3.getData()).subscribe( /* ... */ );
/* ... and so on */

However, as soon as I add the LoadingController in LoadingService, things go weird. This is how I changed the service:

export class LoadingService {
  private loader = null;

  constructor(private loadingController: LoadingController) { }

  loadData(observable: Observable<any>): Observable<any> {
    this.openLoader();
    return observable.pipe(
      finalize(() => {
        this.closeLoader();
      })
    );
  }

  private async openLoader() {
    if (! this.loader) {
        this.loader = await.loadingController.create();
    }
    await this.loader.present();
  }

  private async closeLoader() {
    if (this.loader) {
      await this.loader.dismiss();
      this.loader = null;
    }
  }
}

Now what I get is that the loading controller actually presents the indicator and usually does not dismiss it after the remote call ends. Sometimes, however, I get the correct behavior: the indicator shows, the call starts, the call ends, the indicator goes away.

I’m not very confident with event-based programming in JS, so it is probably a very stupid question, but I need some help to solve this problem.

Thanks a lot,

Marco

Posts: 1

Participants: 1

Read full topic

@ferdinandpc wrote:

Hi, I have a problem with the input field in Ios. If i put the focus in one ion-input and scroll down/up move the field to the right. Finded that when i do this the ion-input element add a transformt property to the field. This is only in ios in a modal. What can I do?

Posts: 1

Participants: 1

Read full topic

@maxkoch wrote:

after F5(or browser refresh button) pressed, navigation stack will be reseted and back button is not visible.

Please help me.

Thnx!

Posts: 1

Participants: 1

Read full topic

@jai-g wrote:

Any content

Posts: 1

Participants: 1

Read full topic

@ABonino wrote:

So i have this app that i’m working on for a few months now, and i used to test it on my Samsung Galaxy S8. The problem i have presents itselft since i received the update to Android Pie (version 9, sdk 28). The app is written in Angular 7.

Basically whenever a pop-up that is not part of the ionic app needs to come on screen, the app crashes, without any log errors. The pop-ups can be for example the runtime request permission confirmation, or the login form autocomplete feature (native of android).

Opening the generated android project in android studio and debugging it turns out that the cause of the crash is the FOREGROUND_SERVICE permission not granted to the app. As stated from google release note beheaviouor changes page any app that targets Android 9 or higher and use foreground services must request the FOREGROUND_SERVICE permission.

Android studio debug logcat:

exceptionForeground.png1811×464 51.2 KB

Adding the following rule to the config.xml: <preference name="android-targetSdkVersion" value="27" />, and running the app on the same device (android 9) results in the following error:

excepstartfreground.png1847×235 12 KB

Even using the cordova-plugin-android-permissions to request at runtime the aformentioned permission ends having the same problem, the app crashes. (tough to test it i actually had to edit the permissions array in the ionic-native npm module, since it’s not even there, i guess beacuse it’s a normal level permission that shouldn’t need user action to be granted).

I also tested the app on a Xiaomi MI A2 Lite with android 9 on it, and the behaviour is the same. Testing it on another samsung phone, with android 8 still on it, it works as expected, no problems whatsoever.

I searched the web a lot for a solution to this, but i wasn’t able to find any valid resource.

I’m not sure what i should do now, i can’t get the app to work properly on Android 9 devices.

Thank you in advance for any help in this matter

Posts: 1

Participants: 1

Read full topic

@bensnape wrote:

I have a live ionic 3 app in both the IOS and Android app stores. I initially setup ionic pro so we could push live updates without having to submit a new app to the app stores each time.

We realised now that we don’t actually want/need the appflow integration. How can I totally remove all traces of the pro/appflow bits from our app please?

Posts: 1

Participants: 1

Read full topic

@gambarle wrote:

When i add the --aot flag to my build i get the following error message in the console.
It used to work and I have been going through the code trying to find the culprit plugin or module, without luck so far.

Any help / insights are very much appreciated

[Error] Error: Cannot find module "."
	webpackMissingModule (vendor.js:127422:145)
	(anonymous function) (vendor.js:127422:148)
	(anonymous function) (vendor.js:127431)
	__webpack_require__ (vendor.js:55)
	(anonymous function) (main.js:10843)
	__webpack_require__ (vendor.js:55)
	webpackJsonpCallback (vendor.js:26)
	Global Code (main.js:1)

My package.json

{
    "name": "printix-app-user",
    "author": "Printix",
    "homepage": "http://iprintix.net/",
    "private": true,
    "scripts": {
        "clean": "ionic-app-scripts clean",
        "build": "ionic-app-scripts build",
        "ionic:build": "ionic-app-scripts build",
        "ionic:watch": "ionic-app-scripts watch",
        "ionic:serve": "ionic-app-scripts serve"
    },
    "dependencies": {
        "@angular/common": "5.2.6",
        "@angular/compiler": "5.2.6",
        "@angular/compiler-cli": "5.2.6",
        "@angular/core": "5.2.6",
        "@angular/forms": "5.2.6",
        "@angular/platform-browser": "5.2.6",
        "@angular/platform-browser-dynamic": "5.2.6",
        "@ionic-native/core": "4.20.0",
        "@ionic-native/device": "^4.18.0",
        "@ionic-native/in-app-browser": "4.5.3",
        "@ionic-native/ionic-webview": "^5.0.0-beta.20",
        "@ionic-native/keyboard": "4.5.3",
        "@ionic-native/local-notifications": "^5.2.0",
        "@ionic-native/network": "4.5.3",
        "@ionic-native/qr-scanner": "^4.7.0",
        "@ionic-native/safari-view-controller": "^4.7.0",
        "@ionic-native/screen-orientation": "4.5.3",
        "@ionic-native/splash-screen": "4.5.3",
        "@ionic-native/sqlite": "4.5.3",
        "@ionic-native/status-bar": "4.5.3",
        "@ionic-native/vibration": "^4.7.0",
        "@ionic/storage": "^2.2.0",
        "@nguniversal/express-engine": "^7.0.2",
        "@ngx-translate/core": "9.1.1",
        "@ngx-translate/http-loader": "2.0.1",
        "@types/lodash": "^4.14.109",
        "angular-2-local-storage": "^2.0.0",
        "angular2-moment": "^1.9.0",
        "bootstrap-sass": "^3.3.7",
        "chart.js": "2.7.1",
        "cordova-android": "7.1.4",
        "cordova-browser": "5.0.4",
        "cordova-ios": "4.5.5",
        "cordova-plugin-add-swift-support": "^1.7.2",
        "cordova-plugin-background-mode-bluetooth-central": "~1.0.0",
        "cordova-plugin-bluetooth-peripheral-usage-description": "^1.0.0",
        "cordova-plugin-bluetoothle": "~4.5.3",
        "cordova-plugin-customurlscheme": "^4.3.0",
        "cordova-plugin-inappbrowser": "^2.0.2",
        "cordova-plugin-network-information": "^2.0.1",
        "cordova-plugin-qrscanner": "^2.6.0",
        "cordova-plugin-safariviewcontroller": "^1.5.4",
        "cordova-plugin-screen-orientation": "^3.0.1",
        "cordova-plugin-splashscreen": "^5.0.2",
        "cordova-plugin-statusbar": "^2.4.1",
        "cordova-plugin-vibration": "^3.1.0",
        "cordova-plugin-whitelist": "^1.3.3",
        "cordova-sqlite-storage": "^2.2.1",
        "de.appplant.cordova.plugin.local-notification": "^0.8.5",
        "es6-promise-plugin": "^4.2.2",
        "fast-json-patch": "2.0.6",
        "flag-icon-css": "3.0.0",
        "immutable": "^3.8.2",
        "ionic-angular": "3.9.4",
        "ionic-plugin-deeplinks": "^1.0.17",
        "ionic-plugin-keyboard": "^2.2.1",
        "ionicons": "3.0.0",
        "ios-sim": "^6.1.2",
        "list": "^2.0.13",
        "lodash": "^4.17.10",
        "ngx-cookie": "^4.1.2",
        "ngx-order-pipe": "^2.0.1",
        "rxjs": "5.5.6",
        "zone.js": "0.8.20"
    },
    "devDependencies": {
        "@angular/cli": "^7.3.0",
        "@ionic/app-scripts": "3.2.3",
        "postcss": "6.0.14",
        "typescript": "^2.7.2"
    },
    "cordova": {
        "platforms": [
            "android",
            "ios",
            "browser"
        ],
        "plugins": {
            "cordova-plugin-network-information": {},
            "cordova-plugin-splashscreen": {},
            "cordova-plugin-statusbar": {},
            "cordova-sqlite-storage": {},
            "ionic-plugin-keyboard": {},
            "cordova-plugin-screen-orientation": {},
            "cordova-plugin-inappbrowser": {},
            "cordova-plugin-vibration": {},
            "cordova-plugin-customurlscheme": {
                "URL_SCHEME": "printixapp",
                "ANDROID_SCHEME": " ",
                "ANDROID_HOST": " ",
                "ANDROID_PATHPREFIX": "/"
            },
            "cordova-plugin-qrscanner": {},
            "cordova-plugin-whitelist": {},
            "cordova-plugin-safariviewcontroller": {},
            "cordova-plugin-background-mode-bluetooth-central": {},
            "cordova-plugin-bluetooth-peripheral-usage-description": {
                "TEXT": "plugin for using bluetooth on ios"
            },
            "de.appplant.cordova.plugin.local-notification": {},
            "cordova-plugin-bluetoothle": {}
        }
    }
}

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.2.3
    Cordova Platforms  : android 7.1.4 browser 5.0.4 ios 4.5.5
    Ionic Framework    : ionic-angular 3.9.4

System:

    ios-deploy : 1.9.2 
    ios-sim    : 6.1.3 
    Node       : v8.11.1
    npm        : 5.6.0 
    OS         : macOS High Sierra
    Xcode      : Xcode 10.1 Build version 10B61 

Environment Variables:

    ANDROID_HOME : not set

Misc:

    backend : pro

Posts: 1

Participants: 1

Read full topic

@Arquino wrote:

Hi, I would like to know how to make drag and drop between slides as Trello app. someone can help me please?

Posts: 2

Participants: 2

Read full topic

@manojpatel0217 wrote:

I want to crop image in rectangular i.e. width is 400 and height is 150.
In iOs it gives me square crop option but not able to crop it rectangular form.

Can anyone help me on this?

Posts: 1

Participants: 1

Read full topic

@Smaloo94 wrote:

Is there any possibility to add maxlenght of string to inputs and make it required?

 this.alertController
         .create({ 
                inputs: [
                    {
                    name: 'comment',
                    placeholder: 'Please insert your comment',
                    },
                ],
         })

Posts: 1

Participants: 1

Read full topic

@ollie-w wrote:

The docs aren’t helping me enough. It’s unclear to me when a popover controller is needed and how I use it.

When I try to import it I get the error node_modules/@ionic/react/dist"' has no exported member 'IonPopoverController'

Posts: 1

Participants: 1

Read full topic

@uptownjimmy wrote:

This function has been deprecated in favor of IonicCordova.getAppDetails.
IonicCordova.getAppInfo @ common.js:1287

This error has been appearing in “chrome://inspect/#devices” console for us and we don’t know why.

The code printing this is in plugins/cordova-plugin-ionic/dist/common.js.

var IonicCordova = /** @class */ (function () {
    function IonicCordova() {
        this.deploy = new IonicDeploy(this);
    }
    IonicCordova.prototype.getAppInfo = function (success, failure) {
        console.warn('This function has been deprecated in favor of IonicCordova.getAppDetails.');
        this.getAppDetails().then(function (result) { return success(result); }, function (err) {
            typeof err === 'string' ? failure(err) : failure(err.message);
        });
    };
    IonicCordova.prototype.getAppDetails = function () {
        return __awaiter(this, void 0, void 0, function () {
            return __generator(this, function (_a) {
                return [2 /*return*/, new Promise(function (resolve, reject) {
                        cordova.exec(resolve, reject, 'IonicCordovaCommon', 'getAppInfo');
                    })];
            });
        });
    };
    return IonicCordova;
}());

Posts: 1

Participants: 1

Read full topic

@eramos-dve wrote:

Hey !

I’m having some troubles using FormData() when I run my app on an Android device.
In fact, I want to take a pic with the camera.
So this is my code account.component.ts :

this.camera.getPicture(options).then(
    // Get the image in base 64
    (imageData) => this.accountService.uploadImage(image).subscribe((data) => console.log(data)),
    (err) => {
        console.error(err);
    }
);

account.service.ts :

uploadImage(image: string): Observable<any> {

    const body = new FormData();
    body.append('key', environment.key.toString());
    body.append('userauth', this.tokens.get());
    body.append('image', image);

    console.log('Params :', body);
    return this.http.post<any>(`${environment.api}`, body)
      .pipe(
        map((res => {
          console.log('Res :', res);
          if (res.error) {
            throw new Error(res.msg as string);
          }
          return res;
        }))
      );
  }

console.log(body) give me an empty FormData object.

I have this issue ONLY when I want to take a pic with the camera.
If I select a pic in the gallery, it’s working.

Do you have an idea about it ?

Posts: 1

Participants: 1

Read full topic

@sanjayparate wrote:

Is it possible to run ionic on Linux with no GUI.

Posts: 1

Participants: 1

Read full topic

@rodrigojrmartinez wrote:

Hi, I’m trying to deploy an app I’m building over and android mobile device which is a rather bit old. Its using the version 4.4.2 (Samsung S4 Mini) which based on the ionic official documentation should be supported.

When I manually install the generated debug build apk file on the device, it correctly installs it but when I try opening it, then the app stucks and doesn’t bootstrap (splash screen remains). Could this be possible due to the Android SDK I’m using on my pc?

I’ve checked I have SDK Platform for versions 8.0 and 9.0… but the strange thing is that when I try installing it on another mobile phone using Android 7.X it works fine!

Posts: 1

Participants: 1

Read full topic

@alexmpc wrote:

I´am kinda new to Ionic, and i have this question.

My point is like, a new information of something is loaded to the database, and it appears in the app through our webservices,after that, can i send a notification based on that new information that appeared in the app? (Like a new message on a message app)

PS: I can give more detail, just ask for it. And sorry for my Englando!!

Posts: 1

Participants: 1

Read full topic