@Madhawa wrote:

How to set Ionic 3 Alert to Select list (input select)

//alert

  doPrompts() {
    let prompt = this.alertCtrl.create({
      title: 'Cash In ($)',
      message: "",

      inputs: [
        {
          label:'Amount',
          name: "Amount",
          placeholder: 'Amount',
        },
        { label:"Detail",
          name: 'Detail',
          placeholder: 'Detail',
        },
        { label:"Account",
          name: 'Account',
          placeholder: 'Account',
        }
      ],

      buttons: [
        {
          text: 'Cancel',
          handler: data => {
            console.log('Cancel clicked');
          }
        },
        {
          text: 'Add',
          handler: data => {
            console.log('Saved clicked');
          }
        }
      ]
    });
    prompt.present();
  }

}

Posts: 1

Participants: 1

Read full topic

@Tatyana_Lesovaya wrote:

Hi. I have the app on ionic 2 and angularJs. Everything works fine except ios11 (on emulator also everything is ok). There are no steps for this freezes. It’s really random. Where can be the problem and how I can solve it?
There is my package.json:

{
  "name": "ionfullapp",
  "version": "1.2.0",
  "description": "ionFullApp: An Ionic starter project",
  "dependencies": {
    "async": "^1.4.0",
    "bower": "^1.3.3",
    "cordova": "^7.1.0",
    "cordova-android": "^6.2.3",
    "cordova-clipboard": "^1.1.0",
    "cordova-config": "^0.7.0",
    "cordova-config-utils": "^2.3.0",
    "cordova-ios": "^4.5.3",
    "cordova-plugin-actionsheet": "^2.3.3",
    "cordova-plugin-apprate": "^1.3.0",
    "cordova-plugin-camera": "^2.2.0",
    "cordova-plugin-clipboard": "^1.0.0",
    "cordova-plugin-compat": "^1.2.0",
    "cordova-plugin-console": "^1.1.0",
    "cordova-plugin-device": "^1.1.6",
    "cordova-plugin-dialogs": "^1.3.3",
    "cordova-plugin-email-composer": "^0.8.11",
    "cordova-plugin-extension": "^1.5.2",
    "cordova-plugin-file": "^4.3.3",
    "cordova-plugin-file-transfer": "^1.6.3",
    "cordova-plugin-geolocation": "^1.0.1",
    "cordova-plugin-globalization": "^1.0.7",
    "cordova-plugin-image-picker": "^1.1.3",
    "cordova-plugin-inappbrowser": "^1.7.1",
    "cordova-plugin-insomnia": "^4.3.0",
    "cordova-plugin-ionic-keyboard": "^2.0.4",
    "cordova-plugin-mixpanel": "^2.3.5",
    "cordova-plugin-network-information": "^1.3.3",
    "cordova-plugin-splashscreen": "^4.0.3",
    "cordova-plugin-statusbar": "^2.2.3",
    "cordova-plugin-webserver": "^1.0.3",
    "cordova-plugin-whitelist": "^1.3.2",
    "cordova-plugin-x-socialsharing": "^5.2.1",
    "cordova-plugin-zip": "^3.1.0",
    "cordova-sqlite-storage": "^0.8.5",
    "es6-promise-plugin": "^4.1.0",
    "gulp": "^3.5.6",
    "gulp-angular-templatecache": "^1.5.0",
    "gulp-intercept": "^0.1.0",
    "gulp-sass": "^2.3.2",
    "gulp-sourcemaps": "^1.5.2",
    "gulp-util": "^2.2.14",
    "ionic": "^3.18.0",
    "jsonfile": "^3.0.1",
    "lodash": "^4.17.4",
    "moment": "^2.18.1",
    "node-sass": "^4.6.0",
    "plist": "^2.1.0",
    "require-dir": "^0.3.0",
    "shelljs": "^0.3.0",
    "xcode": "^1.0.0"
  },
  "devDependencies": {
    "del": "^1.2.0",
    "gulp-flatten": "^0.1.1",
    "gulp-if": "^1.2.5",
    "gulp-intercept": "^0.1.0",
    "gulp-json-editor": "^2.2.1",
    "gulp-minify-css": "^1.2.0",
    "gulp-ng-annotate": "^1.1.0",
    "gulp-ng-constant": "^0.3.0",
    "gulp-preprocess": "^1.2.0",
    "gulp-read": "0.0.1",
    "gulp-rename": "^1.2.2",
    "gulp-shell": "^0.4.2",
    "gulp-to-json": "^1.0.1",
    "gulp-uglify": "^1.2.0",
    "gulp-useref": "^1.2.0",
    "jshint": "^2.8.0",
    "minimist": "^1.1.2",
    "mv": "^2.1.1"
  },
  "cordovaPlugins": [
    "cordova-plugin-console",
    "cordova-plugin-device",
    "cordova-plugin-dialogs",
    "cordova-plugin-globalization",
    "cordova-plugin-extension",
    "es6-promise-plugin",
    "cordova-plugin-inappbrowser",
    "cordova-plugin-whitelist",
    {
      "locator": "https://github.com/katzer/cordova-plugin-email-composer.git",
      "id": "cordova-plugin-email-composer"
    },
    "cordova-plugin-geolocation",
    "cordova-plugin-file",
    "cordova-plugin-compat",
    "cordova-plugin-file-transfer",
    "cordova-plugin-zip",
    "cordova-sqlite-storage",
    "cordova-plugin-statusbar",
    "cordova-plugin-network-information",
    "cordova-plugin-mixpanel",
    {
      "locator": "https://github.com/EddyVerbruggen/cordova-plugin-actionsheet.git",
      "id": "cordova-plugin-actionsheet"
    },
    "cordova-plugin-camera"
  ],
  "cordovaPlatforms": [
    "android",
    "ios",
    {
      "platform": "April_UAT1",
      "version": "",
      "locator": "April_UAT1"
    },
    {
      "platform": "ios",
      "version": "",
      "locator": "ios"
    }
  ],
  "cordova": {
    "plugins": {
      "cordova-plugin-actionsheet": {},
      "cordova-plugin-camera": {},
      "cordova-plugin-console": {},
      "cordova-plugin-device": {},
      "cordova-plugin-dialogs": {},
      "cordova-plugin-extension": {},
      "cordova-plugin-file": {},
      "cordova-plugin-file-transfer": {},
      "cordova-plugin-geolocation": {},
      "cordova-plugin-globalization": {},
      "cordova-plugin-inappbrowser": {},
      "cordova-plugin-insomnia": {},
      "cordova-plugin-mixpanel": {},
      "cordova-plugin-network-information": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-x-socialsharing": {},
      "cordova-plugin-zip": {},
      "cordova-sqlite-storage": {},
      "cordova-plugin-email-composer": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-keyboard": {},
      "cordova-plugin-clipboard": {},
      "cordova-plugin-apprate": {}
    },
    "platforms": [
      "android",
      "ios"
    ]
  }
}

There is my config.xml:

<?xml version='1.0' encoding='utf-8'?>
<widget id="com.tsc.i3p_demo" ios-CFBundleVersion="171116_180204" version="2.2.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>i3p demo</name>
    <description>
        The Stake Holder Company
    </description>
    <author email="support@thestakeholdercompany.com" href="www.thestakeholdercompany.com">
        The Stake Holder Company
    </author>
    <content src="index.html" />
    <access origin="*" />
    <access launch-external="yes" origin="tel:*" />
    <access launch-external="yes" origin="mailto:*" />
    <preference name="webviewbounce" value="false" />
    <preference name="UIApplicationExitsOnSuspend" value="false" />
    <preference name="UIWebViewBounce" value="false" />
    <preference name="DisallowOverscroll" value="true" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="Orientation" value="portrait" />
    <preference name="SplashScreen" value="screen" />
    <preference name="SplashScreenDelay" value="2000" />
    <preference name="LSUIPresentationMode" value="0" />
    <preference name="ShowSplashScreenSpinner" value="false" />
    <preference name="AndroidPersistentFileLocation" value="Compatibility" />
    <preference name="TopActivityIndicator" value="white" />
    <preference name="StatusBarStyle" value="lightcontent" />
    <preference name="intercom-app-id" value="your_app_id" />
    <preference name="intercom-ios-api-key" value="ios_sdk-..." />
    <preference name="intercom-android-api-key" value="android_sdk-..." />
    <preference name="TSCProjectKey" value="i3p-demo" />
    <preference name="TSCDeployDir" value="demo/i3p" />
    <platform name="android">
        <icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" />
        <icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" />
        <icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png" />
        <icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" />
        <icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" />
        <icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" />
        <splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" />
        <splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" />
        <splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" />
        <splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" />
        <splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" />
    </platform>
    <platform name="ios">
        <config-file parent="TSCDeployDir" platform="ios" target="*-Info.plist">
            <string>demo/i3p</string>
        </config-file>
        <config-file parent="TSCProjectKey" platform="ios" target="*-Info.plist">
            <string>i3p-demo</string>
        </config-file>
        <config-file parent="Icon file" platform="ios" target="*-Info.plist">
            <string>icon.png</string>
        </config-file>
        <preference name="KeyboardDisplayRequiresUserAction" value="false" />
        <preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
        <framework src="CFNetwork.framework" />
        <framework src="Foundation.framework" />
        <framework src="Security.framework" />
        <framework src="SystemConfiguration.framework" />
        <framework src="libicucore.dylib" />
        <framework src="libicucore.tbd" />
        <icon height="57" src="resources/ios/icon/icon.png" width="57" />
        <icon height="114" src="resources/ios/icon/icon@2x.png" width="114" />
        <icon height="40" src="resources/ios/icon/icon-40.png" width="40" />
        <icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" />
        <icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" />
        <icon height="50" src="resources/ios/icon/icon-50.png" width="50" />
        <icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" />
        <icon height="60" src="resources/ios/icon/icon-60.png" width="60" />
        <icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" />
        <icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" />
        <icon height="72" src="resources/ios/icon/icon-72.png" width="72" />
        <icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" />
        <icon height="76" src="resources/ios/icon/icon-76.png" width="76" />
        <icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" />
        <icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" />
        <icon height="29" src="resources/ios/icon/icon-small.png" width="29" />
        <icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" />
        <icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" />
        <splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
        <splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />
        <splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />
        <splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" />
        <splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" />
    </platform>
    <icon src="resources/ios/icon/icon-small@3x.png" />
    <allow-navigation href="*" />
    <allow-intent href="*" />
    <engine name="android" spec="^6.2.3" />
    <engine name="ios" spec="^4.5.3" />
    <plugin name="cordova-plugin-actionsheet" spec="^2.3.3" />
    <plugin name="cordova-plugin-camera" spec="^2.2.0" />
    <plugin name="cordova-plugin-console" spec="^1.1.0" />
    <plugin name="cordova-plugin-device" spec="^1.1.6" />
    <plugin name="cordova-plugin-dialogs" spec="^1.3.3" />
    <plugin name="cordova-plugin-extension" spec="^1.5.2" />
    <plugin name="cordova-plugin-file" spec="^4.3.3" />
    <plugin name="cordova-plugin-file-transfer" spec="^1.6.3" />
    <plugin name="cordova-plugin-geolocation" spec="^1.0.1" />
    <plugin name="cordova-plugin-globalization" spec="^1.0.7" />
    <plugin name="cordova-plugin-inappbrowser" spec="^1.7.1" />
    <plugin name="cordova-plugin-insomnia" spec="^4.3.0" />
    <plugin name="cordova-plugin-mixpanel" spec="^2.3.5" />
    <plugin name="cordova-plugin-network-information" spec="^1.3.3" />
    <plugin name="cordova-plugin-statusbar" spec="^2.2.3" />
    <plugin name="cordova-plugin-whitelist" spec="^1.3.2" />
    <plugin name="cordova-plugin-x-socialsharing" spec="^5.2.1" />
    <plugin name="cordova-plugin-zip" spec="^3.1.0" />
    <plugin name="cordova-sqlite-storage" spec="^0.8.5" />
    <plugin name="cordova-plugin-email-composer" spec="^0.8.11" />
    <plugin name="cordova-plugin-splashscreen" spec="^4.0.3" />
    <plugin name="cordova-plugin-ionic-keyboard" spec="^2.0.4" />
    <plugin name="cordova-plugin-clipboard" spec="^1.0.0" />
    <plugin name="cordova-plugin-apprate" spec="^1.3.0" />
</widget>

Posts: 1

Participants: 1

Read full topic

@Nubdienub wrote:

How can I change the transparancy of the area behind the spinner when it is shown (they grey area pointed at with the arrow). I want the entire screen to be white when I load some remote data. I cannot find this using Google or in the spinner docs.

spinner.png438x672 7.96 KB

Posts: 3

Participants: 2

Read full topic

@andreven wrote:

Hello everyone. I’m having some troubles while trying to build my application for the iOS platform.

error message: ld: file is universal (4 slices) but does not contain a(n) armv7 slice: project/Plugins/com.googlemaps.ios/GoogleMapsCore.framework/GoogleMapsCore file ‘project/Plugins/com.googlemaps.ios/GoogleMapsCore.framework/GoogleMapsCore’ for architecture armv7
clang: error: linker command failed with exit code 1 (use -v to see invocation)

I wonder if anyone had this problem or something similar that can give me a hand here.

Cheers.

Posts: 1

Participants: 1

Read full topic

@HamdySdiri wrote:

I try to use Dev App. I face this error:
console.log: deviceready has not fired after 5 seconds.
console.log: Channel not fired: onFileSystemPathsReady
console.warn: Ionic Native: deviceready did not fire within 5000ms
This can happen when plugins are in an inconsistent state. Try removing plugins from plugins/ and reinstalling them
I try to install and uninstall the plugins but I got the same error.
How I can resolve the problem ?

Posts: 1

Participants: 1

Read full topic

@jeelani wrote:

i want to hide a div placed at bottom of the page when i swipe from bottom the div should be available

Posts: 1

Participants: 1

Read full topic

@funkyidol wrote:

All,

Im trying to integrate Applozic chat platform to my Ionic 2 Project which I wish to export to Web, Android and iOS. Using the sample as a base and created the applozic.js & applozic.d.ts for the Javascript integration process.

I added all the above created files including applozic.common.js, applozic.fullview.js and jquery.min.js to the assets/js folder and linked them in my index.html. This was the only way I could get the Javascript method in applozic.js to execute from my chat.ts.

The problem that i’m now facing is the I get the error TypeError: Cannot read property 'noConflict' of undefined in applozic.js on the line $original = jQuery.noConflict(true); and consequently the rest of the if block is also not executing.

In an attempt to make jQuery work in the project I tried to install it via npm by executing the following commands:

npm install jquery --save
npm install @types/jquery --save

But this led to issue in ionic serve giving the following error JavaScript heap out of memory

I really need help in executing my applozic.js file to initialize and call the chat plugin functions.

Posts: 1

Participants: 1

Read full topic

@JAR19 wrote:

Does the toast controller have a max length for the message?

When I try it with more than a few words the toast is not displayed.

Posts: 2

Participants: 2

Read full topic

@JAR19 wrote:

It would be helpful to expand the list of categories to include the list of components covered in the Ionic home page - I tend to think the category ionic be too general.

Posts: 1

Participants: 1

Read full topic

@khalilben wrote:

Hi,

I Have a JSON code

{
id: 1,
title: "Rabat",
latitude: "33.9886539",
longitude: "-6.8708246"
},
-{
id: 2,
title: "Kenitra",
latitude: "34.249519",
longitude: "-6.589254"
},
-{
id: 3,
title: "Casablanca",
latitude: "33.586740",
longitude: "-7.551721"
},
-{
id: 4,
title: "Marrakech",
latitude: "31.629472",
longitude: "-7.981084"
},
-{
id: 5,
title: "Mohamedia",
latitude: "33.6586648",
longitude: "-7.4132709"
},
-{
id: 6,
title: "Paris",
latitude: "48.8588377",
longitude: "2.2770202"
}

And i want to show it on maps as markers but only the nearest one ?
Any tutorial for this specific case ?

Posts: 1

Participants: 1

Read full topic

@iconio wrote:

Hey guys! I’m new on ionic and Firebase and I’m having a big error.

I’m creating a E-mail and Password login using Firebase as database, the login is fine, it works like it’s supposed to.

What I want is to direct the user to a Profile Page, on which will have a Username, First Name and Last Name to be entered by the user. The problem is… there is no way I can write the profile on the database, has anybody experienced something like that?

You will see on the “ionViewWillLoad” that I have been trying to get the user UID. In order for me to test it, I’ve been trying to get the user email. I can console.log the email but when I try to return it, I get [object Object]. What am I doing wrong?

Here is my code:

import { Profile } from '../../models/profile';
import { AngularFireAuth } from 'angularfire2/auth';
import { AngularFireDatabase } from 'angularfire2/database';
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';

@IonicPage()
@Component({
  selector: 'page-profile',
  templateUrl: 'profile.html',
})
export class ProfilePage {

  profile = {} as Profile;

  constructor(private afAuth: AngularFireAuth, private afDatabase: AngularFireDatabase,
              public navCtrl: NavController, public navParams: NavParams) {
  }

  ionViewWillLoad() {
    this.afAuth.authState.subscribe(auth => console.log(auth.email));
    let v = this.afAuth.authState.subscribe(auth => {return auth.email} );
    console.log("The email " + v);
  }

  createProfile() {
    this.afAuth.authState.take(1).subscribe(auth => {
          this.afDatabase.object("profile/${auth.uid}").set(this.profile)
            .then(() => this.navCtrl.setRoot('MainPage'));
    })
  }
}

Thank you sooo much!

Posts: 1

Participants: 1

Read full topic

@charlestsmith wrote:

Im working with checkboxes, what I want to do is disable/enable it on certain condition. but the problem is disabled=true is working but disabled=false is not, is there any way to enable=true/false?

Moreover, I’m placing my vars in place of true/false as Boolean to turn on/off the checkbox.

Any idea how to achieve this?

Thanks

Posts: 3

Participants: 2

Read full topic

@slowkazak wrote:

Hello, i have some problems with latest ionic ver.

it my package.json

{
    "name": "b2safe",
    "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",
        "docs": "typedoc --out ./docs ./src --ignoreCompilerErrors",
        "iosbuild": "ionic cordova build ios",
        "iosrun": "ionic cordova run ios",
        "mdbuild": "ionic cordova build android",
        "mdrun": "ionic cordova run android"
    },
    "dependencies": {
        "@angular/common": "5.0.0",
        "@angular/compiler": "5.0.0",
        "@angular/compiler-cli": "5.0.0",
        "@angular/core": "5.0.0",
        "@angular/forms": "5.0.0",
        "@angular/http": "5.0.0",
        "@angular/platform-browser": "5.0.0",
        "@angular/platform-browser-dynamic": "5.0.0",
        "@angular/tsc-wrapped": "^4.4.6",
        "@ionic-native/app-version": "^4.4.2",
        "@ionic-native/camera": "4.4.2",
        "@ionic-native/core": "^4.4.2",
        "@ionic-native/crop": "^4.4.2",
        "@ionic-native/date-picker": "^4.4.2",
        "@ionic-native/device": "^4.4.2",
        "@ionic-native/fcm": "^4.4.2",
        "@ionic-native/file": "4.4.2",
        "@ionic-native/image-resizer": "^4.4.2",
        "@ionic-native/in-app-browser": "^4.4.2",
        "@ionic-native/keyboard": "^4.4.2",
        "@ionic-native/local-notifications": "^4.4.2",
        "@ionic-native/native-storage": "^4.4.2",
        "@ionic-native/network": "^4.4.2",
        "@ionic-native/safari-view-controller": "^4.4.2",
        "@ionic-native/secure-storage": "^4.4.2",
        "@ionic-native/splash-screen": "4.4.2",
        "@ionic-native/status-bar": "4.4.2",
        "@ionic-native/toast": "^4.4.2",
        "@ionic/storage": "^2.1.3",
        "@types/async": "^2.0.45",
        "angular2-text-mask": "^8.0.4",
        "async": "^2.6.0",
        "async-es": "^2.6.0",
        "cordova-android": "^6.4.0",
        "cordova-ios": "^4.5.3",
        "cordova-plugin-app-event": "^1.2.1",
        "cordova-plugin-app-version": "^0.1.9",
        "cordova-plugin-camera": "^2.4.1",
        "cordova-plugin-console": "^1.0.7",
        "cordova-plugin-crop": "~0.3.1",
        "cordova-plugin-datepicker": "~0.9.3",
        "cordova-plugin-device": "^1.1.4",
        "cordova-plugin-fcm": "^2.1.2",
        "cordova-plugin-file": "^4.3.3",
        "cordova-plugin-image-resizer": "git+https://github.com/protonet/cordova-plugin-image-resizer.git",
        "cordova-plugin-inappbrowser": "~1.7.1",
        "cordova-plugin-nativestorage": "^2.2.2",
        "cordova-plugin-network-information": "~1.3.3",
        "cordova-plugin-safariviewcontroller": "^1.4.7",
        "cordova-plugin-splashscreen": "^4.0.3",
        "cordova-plugin-statusbar": "^2.2.2",
        "cordova-plugin-whitelist": "^1.3.1",
        "cordova-plugin-x-toast": "^2.6.0",
        "de.appplant.cordova.plugin.local-notification": "^0.8.5",
        "io": "^0.1.10",
        "ionic-angular": "^3.9.2",
        "ionic-plugin-keyboard": "^2.2.1",
        "ionic2-auto-complete": "^1.5.3-beta",
        "ionicons": "3.0.0",
        "leaflet": "^1.1.0",
        "lodash": "^4.17.4",
        "moment": "^2.18.1",
        "ng2-validation": "^4.2.0",
        "ngx-restangular": "^2.0.1",
        "rxjs": "5.5.2",
        "socket.io": "^2.0.3",
        "sw-toolbox": "3.6.0",
        "zone.js": "0.8.18"
    },
    "devDependencies": {
        "@ionic/app-scripts": "^3.1.2",
        "jsdoc": "^3.5.5",
        "ts-jsdoc": "^2.0.6",
        "typescript": "^2.4.2"
    },
    "description": "An Ionic project",
    "cordova": {
        "plugins": {
            "cordova-plugin-device": {},
            "cordova-plugin-splashscreen": {},
            "cordova-plugin-statusbar": {},
            "cordova-plugin-whitelist": {},
            "ionic-plugin-keyboard": {},
            "cordova-plugin-nativestorage": {},
            "cordova-plugin-x-toast": {},
            "cordova-plugin-file": {},
            "cordova-plugin-camera": {},
            "cordova-plugin-console": {},
            "cordova-plugin-fcm": {},
            "cordova-plugin-safariviewcontroller": {},
            "cordova-plugin-crop": {},
            "cordova-plugin-datepicker": {},
            "cordova-plugin-inappbrowser": {},
            "de.appplant.cordova.plugin.local-notification": {},
            "cordova-plugin-app-version": {}
        },
        "platforms": [
            "android",
            "ios"
        ]
    }
}

and it’s my ``ìonic info```output

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

    @ionic/cli-utils  : 1.18.0
    ionic (Ionic CLI) : 3.18.0

global packages:

    cordova (Cordova CLI) : 7.0.1

local packages:

    @ionic/app-scripts : 3.1.2
    Cordova Platforms  : android 6.2.3 ios 4.4.0
    Ionic Framework    : ionic-angular 3.9.2

System:

    Android SDK Tools : 26.0.2
    ios-deploy        : 1.9.2
    Node              : v8.9.1
    npm               : 5.5.1
    OS                : macOS Sierra
    Xcode             : Xcode 9.1 Build version 9B55

Environment Variables:

    ANDROID_HOME : /Users/user/Library/Android/sdk

Misc:

    backend : pro

When i tried execute ``ìonic cordova build ios --prod``` compiler fails with that error:

TypeError: tsDiagnostic.file.getText is not a function
    at loadDiagnostic (/Users/user/WebstormProjects/MDMProfileMobile/node_modules/@ionic/app-scripts/dist/logger/logger-typescript.js:32:44)
    at /Users/user/WebstormProjects/MDMProfileMobile/node_modules/@ionic/app-scripts/dist/logger/logger-typescript.js:13:16
    at Array.map (<anonymous>)
    at Object.runTypeScriptDiagnostics (/Users/user/WebstormProjects/MDMProfileMobile/node_modules/@ionic/app-scripts/dist/logger/logger-typescript.js:12:26)
    at /Users/user/WebstormProjects/MDMProfileMobile/node_modules/@ionic/app-scripts/dist/aot/aot-compiler.js:231:59
    at step (/Users/user/WebstormProjects/MDMProfileMobile/node_modules/@ionic/app-scripts/dist/aot/aot-compiler.js:32:23)
    at Object.next (/Users/user/WebstormProjects/MDMProfileMobile/node_modules/@ionic/app-scripts/dist/aot/aot-compiler.js:13:53)
    at fulfilled (/Users/user/WebstormProjects/MDMProfileMobile/node_modules/@ionic/app-scripts/dist/aot/aot-compiler.js:4:58)
    at <anonymous>

Someone can help me with that problem?

Posts: 1

Participants: 1

Read full topic

@dearblackswan wrote:

Hey, i’m a complete beginner and i don’t understand what i’m doing wrong.

my component.html :

  <h2>Hello</h2>
  <h2>Your in "{{data[0].team_name}}"</h2>
  <div>Start at: {{data[0].start}}</div>
  <div>Stop at: {{data[0].stop}}</div>

my component.ts :

import { Component, OnInit } from '@angular/core';
import { IonicPage, NavController, NavParams, LoadingController } from 'ionic-angular';
import { HttpProvider } from "../../providers/http/http";

export class CheckPage implements OnInit{

  data;

  ngOnInit():void{
    this.httpProvider.getJsonData()
      .subscribe(data => {
          this.data = data;
          console.log(this.data);
          return this.data;
        },
        err =>{
          console.error("Error : "+err);
        },
        () => {
          console.log('getData completed');
          console.log(this.data);
        }
      );
    console.log(this.data);
  };
}

my provider:

import { Http } from '@angular/http';
import { Injectable } from '@angular/core';
import 'rxjs/add/operator/map';

@Injectable()
export class HttpProvider {

  constructor(public http: Http) {
    console.log('Hello HttpProvider Provider');
  }

  getJsonData(){
    return this.http.get('../../assets/data/data.json').map(res => res.json());
  }

}

In my console i have an array with all the data that i just fetched:

[…]
0: Object { id: 1, company_name: “Condo”, address: “213 Grove Street”, … }
1: Object { id: 2, company_name: “Ikea”, address: “213 Ikea Street”, … }
2: Object { id: 3, company_name: “McDo”, address: “213 McDo Street”, … }
length: 3
proto: Array []

plus a error message :

TypeError: _co.data is undefined

Posts: 1

Participants: 1

Read full topic

@EARES wrote:

I am trying to set color to my alert button
I tried so many thing but still like gray color.
1.I try “cssClass:” but it didnt work,
2.I try css like : .alert-button-md: #color code but it didnt work

Any suggest to Ionic 3 ?

Posts: 1

Participants: 1

Read full topic

@EnzoDLP wrote:

Hi, I would like to integrate on my application a page, like the home of tinder, a “parade” on the left and right but I do not know at all how to do, someone has an idea?

Thanks

Posts: 1

Participants: 1

Read full topic

@sam1408 wrote:

Hai friends. I am new to Ionic development and I’m trying to implement an ecommerce app. So I have a list of items wrapped around *ngFor and I implemented ‘onLongClick()’ function which triggers an AlertController

onLongClick() function:

In the ‘onLongClick()’ when add button is clicked i want to get the 4 input fields plus the details of the item which i’m pressing, to be able to save to storage in the application.

I am having no luck in getting the selected item to the onLongClick function (from there i can use all the required data to be able to save to local storage). I am having trouble figuring out which parameters or data types I should pass in the function. please help.

Posts: 1

Participants: 1

Read full topic

@AllartSoftworks wrote:

I’ve got this problem:

    allart@allart-vm-lubuntu:~/Documents/apps/MyApp/myapp$ ionic cordova platform add android
    > cordova platform add android --save
    Using cordova-fetch for cordova-android@^6.2.3

    Error: Failed to fetch platform cordova-android@^6.2.3
    Probably this is either a connection problem, or platform spec is incorrect.
    Check your connection and platform name/version/URL.
    Error: npm: Command failed with exit code 1 Error output:
    npm ERR! Linux 4.13.0-16-generic
    npm ERR! argv "/usr/local/bin/node" "/home/allart/Documenti/apps/MyApp/myapp/node_modules/.bin/npm" "install" "cordova-android@^6.2.3" "--production" "--save-exact"
    npm ERR! node v9.2.0
    npm ERR! npm  v2.15.12
    npm ERR! code EPEERINVALID

    npm ERR! peerinvalid The package @ionic-native/core@4.4.2 does not satisfy its siblings' peerDependencies requirements!
    npm ERR! peerinvalid Peer @ionic-native/camera@4.4.2 wants @ionic-native/core@^4.2.0
    npm ERR! peerinvalid Peer @ionic-native/facebook@4.4.2 wants @ionic-native/core@^4.2.0
    npm ERR! peerinvalid Peer @ionic-native/file@4.4.2 wants @ionic-native/core@^4.2.0
    npm ERR! peerinvalid Peer @ionic-native/file-path@4.4.2 wants @ionic-native/core@^4.2.0
    npm ERR! peerinvalid Peer @ionic-native/in-app-browser@4.4.2 wants @ionic-native/core@^4.2.0
    npm ERR! peerinvalid Peer @ionic-native/splash-screen@3.12.1 wants @ionic-native/core@^3.6.0
    npm ERR! peerinvalid Peer @ionic-native/sqlite@4.4.2 wants @ionic-native/core@^4.2.0
    npm ERR! peerinvalid Peer @ionic-native/status-bar@3.12.1 wants @ionic-native/core@^3.6.0
    npm ERR! peerinvalid Peer @ionic-native/transfer@3.14.0 wants @ionic-native/core@^3.6.0

    npm ERR! Please include the following file with any support request:
    npm ERR!     /home/allart/Documenti/apps/MyApp/myapp/npm-debug.log

    [ERROR] Exception:

Already tried with npm cache clean, uninstalling and reinstalling packages and managers, rebooting, upgrading system and so on.

Here are my specs:

  $ node -v
    v9.2.0

    $ npm -v
    3.10.10

    $ ionic -v
    3.18.0

    $ cordova -v
    7.1.0

    Ubuntu 17.10 on a VM.

Any ideas? Thank you in advance.

Posts: 1

Participants: 1

Read full topic

@bmcgowan94 wrote:

Hi,
I am trying to import the FirebaseObjectObservable from ‘angularfire2/database’ but it seems an error is throwing saying this is not recognized as an import.

Has this been updated?

Thanks,
Brian

Posts: 1

Participants: 1

Read full topic

@Nissius wrote:

Hello!
I need help formatting a text that I get from a webservice.

Print

Screenshot_1511205850.png768x1280 69.8 KB

Code:

<ion-list>
      <div ion-item>
        {{resultado.conta.NOME}} {{resultado.conta.SOBRENOME}}<Br>
        {{resultado.conta.EMAIL}}<Br>
        {{resultado.conta.TIPO_IDENTIFICACAO}}:{{resultado.conta.IDENTIFICACAO}}<Br>
      </div>
 </ion-list>

I need format: {{resultado.conta.IDENTIFICACAO}}

Any suggestions on how to do it?
I’m kind of lost for being text.

Thanks

Posts: 4

Participants: 2

Read full topic