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

Passing Data From Page 1 to Page 3

$
0
0

@harshm90 wrote:

How can I pass the data of home(page 1) to ContactPage(page 3) along with DetailsPage(page 2) data?

lets say
HomePage has data of “UserId”
DetailsPage has data of “UserName” & “UserAddress” //this page does not have UserID
now how can i get the data of
“UserId” as well as “UserName & UserAddress” on ContactPage?

Posts: 1

Participants: 1

Read full topic


Ionic 4: problem on old iOS browser

$
0
0

@Daris wrote:

Hi,
on a Starter template: sidemenu, I encounter problems with the “ion-menu” on old iOS 10.0.2 - Chrome v.71.0.3578.89. The sidemenu not rendered content (see attachment).

Ionic:
ionic (Ionic CLI) : 4.10.3
Ionic Framework : @ionic/angular 4.0.2
@angular-devkit/build-angular : 0.12.4
@angular-devkit/schematics : 7.2.4
@angular/cli : 7.2.4
@ionic/angular-toolkit : 1.4.0

System:
NodeJS : v8.12.0
npm : 6.4.1
OS : Windows 10

Thanks for any suggestion!

Posts: 1

Participants: 1

Read full topic

Geolocation Issues

$
0
0

@evripides wrote:

I am trying to use Geolocation but I get the below error
TypeError: Object(…) is not a function
at Geolocation.getCurrentPosition

Ionic Version 3.20.0
cordova-plugin-geolocation 4.0.1 “Geolocation”

my code

import { Geolocation } from ‘@ionic-native/geolocation/ngx’;
mylocation(){
this.geolocation.getCurrentPosition().then((resp) => {
this.lat = resp.coords.latitude;
this.longt =resp.coords.longitude;
}).catch((error) => {
console.log(‘Error getting location’, error);
});
}

any idea what I can do

Thank you

Posts: 1

Participants: 1

Read full topic

Ionic 4 custom Pipes

$
0
0

@suresh9949 wrote:

I have creating pipe on ionic 4 and angular 7. when I importing pipe in app.module.ts its giving Template parse errors, but when i importing in home.module.ts its working fine that page only its not working another page. Can you give any suggestions regarding this.

Posts: 2

Participants: 2

Read full topic

Ionic Video streaming for part of screen and supporting streaming types by ionic

$
0
0

@srivanigorthi wrote:

I am newbie and my requirement is to add streaming video in my application. As per the documents and tutorials I have gone through streaming-media plugin streams the video in full screen mode, Is there any option to customize the video play area size i.e., play video only in 50% of the screen or in some part of screen? And what the streaming types that are being supported by Ionic?

Posts: 1

Participants: 1

Read full topic

Application boot time

$
0
0

@zabka229 wrote:

Hi everyone,
Recently I have received an order for mobile application with 3 possible choices of technology: Ionic 4, React native and Flutter.

I had really good time in developing Ionic 3 applications so I would choose Ionic 4, but i created sample app and was a little bit disappointed in result.

It takes a little bit more than 2 seconds to show first page and it looks unprofessionally with this first gray screen and then after splash - white screen.
Do you have any advices how to improve this aspect?

PS. I used ionic build --prod and cordova with --prod flag.

Posts: 1

Participants: 1

Read full topic

Google Maps Referral fails

Ionic 4 : Bind data from page to tabs pages

$
0
0

@bbarascou wrote:

Hello,

I have one page ‘details’ with 1 object “BT” and 4 tabs

<ion-header>
  <ion-toolbar color="primary">
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
      <ion-back-button></ion-back-button>
    </ion-buttons>
    <ion-title>Bon travail {{BT.id}}</ion-title>
  </ion-toolbar>
</ion-header>


<ion-content>

  <ion-tabs>
    <ion-tab-bar slot="bottom">
      <ion-tab-button tab="infos">
        <ion-icon name="information-circle"></ion-icon>
        <ion-label>Informations</ion-label>
      </ion-tab-button>
      <ion-tab-button tab="temps">
        <ion-icon name="construct"></ion-icon>
        <ion-label>Matériel</ion-label>
      </ion-tab-button>
      <ion-tab-button tab="materiel">
        <ion-icon name="time"></ion-icon>
        <ion-label>Temps</ion-label>
      </ion-tab-button>
      <ion-tab-button tab="validate">
        <ion-icon name="checkbox"></ion-icon>
        <ion-label>Valider</ion-label>
      </ion-tab-button>
    </ion-tab-bar>
  </ion-tabs>

</ion-content>

What is the best way to show/edit datas of my object “BT” from the differents tabs ?

Thank you for your help

Posts: 1

Participants: 1

Read full topic


Why AfterViewInit conference app map

$
0
0

@acarrasco wrote:

Hi there!

I don’t understant why in the conference app at the map.ts file it is used AfterViewInit? Why don’t we use OnInit?

Posts: 2

Participants: 2

Read full topic

HTTP Post nested array

$
0
0

@pierrephilipdp wrote:

I am currently trying to POST data to an API and it seems that there is a problem with POST’ing an array within the JSON object. I am declaring the object as follows:

let data = {
      "deliveryStreet": this.formGroup.get('shippingLineOne').value,
      "deliveryBuilding": this.formGroup.get('shippingLineTwo').value,
      "deliveryCity": this.formGroup.get('shippingCity').value,
      "deliveryProvince": this.formGroup.get('shippingProvince').value,
      "deliveryPostalCode": this.formGroup.get('shippingPostalCode').value,
      "cardName": this.formGroup.get('cardholderName').value,
      "cardNumber": this.formGroup.get('ccNum').value,
      "cardExpiry": this.formGroup.get('ccExp').value,
      "cardCvv": this.formGroup.get('cardCvv').value,
      "orderItems": this.cart.cartItems
    };

Where this.cart.cartItems is an array of objects. When I try and POST the data it would appear that there is malformation of the orderItems, I have tried using JSON.stringify on both the entire object and just the array itself with no effect. Does anyone have an idea why this nested array won’t POST to an endpoint?

Posts: 1

Participants: 1

Read full topic

Previous page within sideMenu

$
0
0

@Josloader3 wrote:

Hey guys, I use the sideMenu template from Ionic 4 and I notice if you navigate all the page and later press the button back from your device, this backward page by page until reach the first.
The same problem are in the Tabs template.
What I need to config to avoid this?
I want close the app instantly or back to a login page when the user press the back button in the menu page.
Thank you so much, I’m new with this framework and sorry by my bad english.

Posts: 1

Participants: 1

Read full topic

TypeError: content.ionScrollStart.takeUntil is not a function

How to close or stop an iframe from playing on tab change?

$
0
0

@adbriceno wrote:

i have html audio player in my first tab. how do i stop it from playing audio when i go to another tab??

Posts: 1

Participants: 1

Read full topic

API Request Being Blocked

$
0
0

@zyzmoz wrote:

Hello!

I’m stuck here with a CORB that occurs during API request through web browser while testing.
This problem started suddenly, and I don’t even know how to solve it without server changes! The app works well using ionic cordova run -l though.

Additionally I’ve tried to use CORS chrome extensions but it seems not effective.

So, if some one could lend me a hand I will be grateful!

Thanks in advance!

Posts: 1

Participants: 1

Read full topic

Ios 12.1.4 white screen

$
0
0

@pe1 wrote:

hi, i have a problem when running the app on my ipad after updating ios 12.1.4 - getting a white screen without any errors. However the app works fine on simulator and iPhone 12.1.2. Also i can normally build the app and upload to testfligh, installations work fine on any device with ios < 12.1.4. Any tips?

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

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

global packages:

    cordova (Cordova CLI) : 7.1.0 

local packages:

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

System:

    Android SDK Tools : 26.1.1
    ios-deploy        : 1.9.2 
    ios-sim           : 5.0.13 
    Node              : v6.14.3
    npm               : 3.10.10 
    OS                : macOS High Sierra
    Xcode             : Xcode 10.1 Build version 10B61 

Environment Variables:

    ANDROID_HOME : /Users/artur/Library/Android/sdk

Misc:

    backend : legacy

Posts: 1

Participants: 1

Read full topic


Issue when run ionic serve

$
0
0

@chilupa wrote:

When run with the command ionic serve I was getting the below error. However I tried to install node-sass with the command npm i node-sass but nothing seem to work.

Could anyone please advise what I’m missing here. Appreciate the help!

> ng run app:serve --host=0.0.0.0 --port=8100
[ng] WARNING: This is a simple server for use in testing or debugging Angular applications
[ng] locally. It hasn't been reviewed for security issues.
[ng] Binding this server to an open connection can result in compromising your application or
[ng] computer. Using a different host than the one passed to the "--host" flag might result in
[ng] websocket connection issues. You might need to use "--disableHostCheck" if that's the
[ng] case.

[INFO] Development server running!
       
       Local: http://localhost:8100
       External: http://10.77.222.52:8100
       
       Use Ctrl+C to quit this process

[INFO] Browser window opened to http://localhost:8100!

[ng] ℹ 「wdm」: wait until bundle finished: /
[ng] Date: 2019-02-21T20:22:02.525Z
[ng] Hash: 09d9ad68db9f0d5aae6a
[ng] Time: 12006ms
[ng] 
[ng] ERROR in ./src/global.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/global.scss)
[ng] Module build failed (from ./node_modules/sass-loader/lib/loader.js):
[ng] Error: Cannot find module 'node-sass'
[ng]     at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15)
[ng]     at Function.Module._load (internal/modules/cjs/loader.js:507:25)
[ng]     at Module.require (internal/modules/cjs/loader.js:637:17)
[ng]     at require (internal/modules/cjs/helpers.js:22:18)
[ng]     at Object.sassLoader (/Users/pavanchilukuri/Ionic Apps/myApp/node_modules/sass-loader/lib/loader.js:46:72)
[ng] ERROR in ./src/theme/variables.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/theme/variables.scss)
[ng] Module build failed (from ./node_modules/sass-loader/lib/loader.js):
[ng] Error: Cannot find module 'node-sass'
[ng]     at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15)
[ng]     at Function.Module._load (internal/modules/cjs/loader.js:507:25)
[ng]     at Module.require (internal/modules/cjs/loader.js:637:17)
[ng]     at require (internal/modules/cjs/helpers.js:22:18)
[ng]     at Object.sassLoader (/Users/pavanchilukuri/Ionic Apps/myApp/node_modules/sass-loader/lib/loader.js:46:72)
[ng] ERROR in ./src/app/home/home.page.scss
[ng] Module build failed (from ./node_modules/sass-loader/lib/loader.js):
[ng] Error: Cannot find module 'node-sass'
[ng]     at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15)
[ng]     at Function.Module._load (internal/modules/cjs/loader.js:507:25)
[ng]     at Module.require (internal/modules/cjs/loader.js:637:17)
[ng]     at require (internal/modules/cjs/helpers.js:22:18)
[ng]     at Object.sassLoader (/Users/pavanchilukuri/Ionic Apps/myApp/node_modules/sass-loader/lib/loader.js:46:72)
[ng] chunk {common} common.js, common.js.map (common) 18.5 kB  [rendered]
[ng] chunk {home-home-module} home-home-module.js, home-home-module.js.map (home-home-module) 6.51 kB  [rendered]
[ng] chunk {list-list-module} list-list-module.js, list-list-module.js.map (list-list-module) 5.77 kB  [rendered]
[ng] chunk {main} main.js, main.js.map (main) 32.9 kB [initial] [rendered]
[ng] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 237 kB [initial] [rendered]
[ng] chunk {runtime} runtime.js, runtime.js.map (runtime) 8.83 kB [entry] [rendered]
[ng] chunk {styles} styles.js, styles.js.map (styles) 19.4 kB [initial] [rendered]
[ng] chunk {vendor} vendor.js, vendor.js.map (vendor) 4.35 MB [initial] [rendered]
[ng] ℹ 「wdm」: Failed to compile.

Posts: 1

Participants: 1

Read full topic

Adding "Simple Sharing" to an app?

$
0
0

@SubEffect wrote:

This is not adding a sharing button, this is adding the ability for other apps to pick up your app and share with it.

See here: https://developer.android.com/training/sharing/send.html

I’m not sure if this exists in iOS, but it’s a staple in Android.

The easy way to explain it is you give your app the ability to be “seen” by other apps. E.g. If you open Twitter and share you can “share via…” and you’ll get a big modal with loads of apps you can share to. These are not integrated into Twitter, but are a general sharing pool.

I’ve a client with a browser extension and I’d like to build an app that allows for sharing to this extension from within other apps.

Anyone have any idea how this is done in Ionic? Preferably Ionic 4…

Posts: 1

Participants: 1

Read full topic

Remove shadow from ion-searchbar (material design)

$
0
0

@davidgeller wrote:

I’m having trouble finding the CSS Shadom DOM variables in Ionic4 that can help me remove the [actual] shadow from the ion-searchbar component in md mode. Have gone through joshmorony’s articles and videos and haven’t found a solution, yet. Any suggestions?

Posts: 1

Participants: 1

Read full topic

Open url in the app

$
0
0

@RenzoM78 wrote:

Hello all,

I have an app that create cards with short data and when click on it I want to use an in app browser sort of thing. Is the only way to use InAppBrowser plugin or are there also other/better ways to do that?

Posts: 2

Participants: 2

Read full topic

Ionic 3 and Node version

$
0
0

@adsfelipe wrote:

Currently im using ionic 3 with node version 8.11.3.
i was wondering if i get the latest version(10.15.1), if ionic 3 would brake?
i google around, but couldn’t find anything about it…
thanks all

Posts: 1

Participants: 1

Read full topic

Viewing all 48980 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>