Quantcast
Channel: Ionic Forum - Latest posts
Viewing all 228532 articles
Browse latest View live
↧

Ionic 4 Storage Token Access for HTTP Interceptor

$
0
0

It says below error

Type ‘Observable<{}>’ is not assignable to type ‘Observable<HttpEvent>’.
Type ‘{}’ is not assignable to type ‘HttpEvent’.
Property ‘type’ is missing in type ‘{}’ but required in type ‘HttpUserEvent’.

how can I solve this.

↧

Unable to navigate back

$
0
0

When you use setroot, the root for navigation stack is set to chatdetailspage. And if you have to leave that page, you have to set some root for the navigation stack.

To navigate from chatscreenpage to chatdetailspage;

import { ChatdetailsPage } from ../chatscreen/chatscreen;
.
.
.
export class ChatscreenPage {
  chatdetailspage = ChatdetailsPage ;
.
.
.
  function() {
     this.navCtrl.push( this.chatdetailspage);
  }
}

When you navigate from login to chat screen, use navCtrl.setRoot(chatscreenpage)
Now the root of navigation stack will be the chat screen
you can navigate to any other page using navCtrl.push(#page) and navCtrl.pop()

↧
↧

V4 : back-button doesn't exit app [solved--Tutorial]

$
0
0

Is Navigator is A variable or interface,
How can i declare navigator
?

↧

Ionic 4 infinite scroll not working

↧

Open specific page on notification

↧
↧

Unable to navigate back

$
0
0

It is working. Thankyou. You saved my day.

↧

Ionic 4 devapp debugging

$
0
0

I have the same error with:

Ionic:

   Ionic CLI                     : 5.1.0 
   Ionic Framework               : @ionic/angular 4.3.0
   @angular-devkit/build-angular : 0.13.8
   @angular-devkit/schematics    : 7.2.4
   @angular/cli                  : 7.3.8
   @ionic/angular-toolkit        : 1.4.1

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : android 8.0.0, ios 5.0.1
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 3.1.2, (and 11 other plugins)

Utility:

   cordova-res : not installed
   native-run  : 0.2.2

System:

   Android SDK Tools : 26.1.1 
   NodeJS            : v10.15.3
   npm               : 6.9.0
   OS                : Windows 10

Has anyone solved the problem?

Thank you

cld

↧

In app purchase 2 BUILD FAILED on task app:compileDebugAidl'

↧

Get data from modal popup and display in another page

$
0
0

How to get data from viewCtrl.dismiss on another page. Below is my code


//home.html
	<button ion-button (click)="filldata()">Fill</button>

//home.ts
	filldata(){
		this.navCtrl.push('selectPage');
	}


//select.html (A Modal PopUp)
	<ion-input [value]="name" type="text" placeholder="Name"></ion-input>
	<button ion-button (click)="onConfirm()">Save</button>

//select.ts
	onConfirm(){
		this.viewCtrl.dismiss(data); 
	}
	
	
Practically, I want to access "data" from select.ts to home.html page how do I achieve it
↧
↧

Android Status Bar Transparent

$
0
0

added this to app.component.ts after platform ready : this.statusBar.backgroundColorByHexString(‘hex string of a darker shade of the toolbar color i.e. #3880ff’);

↧

Ion-tab-button with routeParams

$
0
0

How can I use routeParams in [tab] on a ion-tab-button?
I’ve tried using something like this:

<ion-tab-button [tab]="'patient/' + i"></ion-tab-button>

This works fine for the routing to the tab. But the tab is not recognized als active.
Same when using [routerLink] instead of [tab].
What is the right way to provide the patientId to the route on ion-tab-button?

↧

Simple ionic 3 star rating component

$
0
0

Hello

Is it also possible to add half star support?

↧

Upload files(images and pdf) to firebase from browser

$
0
0

Hi I want to upload files such as images pdf etc to firebase from the browser, i don’t want it to be for the native app but it’s a PWA so please help me for the best solution + how to convert my file into blob and all please help

↧
↧

File or image upload by converting into base64 string

$
0
0

All I had to do was use the proper Imagepicker Options, the output type did it:

      const options: ImagePickerOptions = {
        maximumImagesCount: 1,
        outputType: 1,
        quality: 50
      };
↧

Simple ionic 3 star rating component

$
0
0

Hi @dimsal

This feature will be added in the next release.
Thank you.

↧

Ionic Pro Deploy - Show user "What's new in this version" after auto update

↧

Introductions en français - French Introductions

$
0
0

Bonjour :wave:,
Je serai ravi de participer à la documentation française d’ionic

↧
↧

Ion-input number variable dirty checking

$
0
0

I figured out what is the problem. ion-input control treats the value internally as a string regardless of the input variable type, so when the input control compares the new input value (number in this case) with the stored value (string), the comparison fails.
This is where the stored value in the control

export class Input implements ComponentInterface {


/**

  • The value of the input.
    */
    @Prop({ mutable: true }) value?: string | null = ‘’;
    

    }

The comparison takes place inside the value accessor

export class ValueAccessor implements ControlValueAccessor {


handleChangeEvent(value: any) {
// ------- my comment ------------
// this line will give false in case of comparing string to number, “value” will be string and “this.lastValue” will be number
// ------- my comment ------------
if (value !== this.lastValue) {
this.lastValue = value;
this.onChange(value);
}
setIonicClasses(this.el);
}


}

To overcome this problem I have to change the variable type after loading to a string.

↧

Opening pages with ngFor

$
0
0

thank you for answer but didnt work .
output like this.

firstPage
abc
edf
secondPage
abc
edf
thirdPage
abc
edf
fourthPage
abc
edf

plaase help me

↧

Custom eventemitter in ionic range component is not working on production

$
0
0

I wrote 2 eventemitter inside the ionic range component code like “ionStart” and “ionStop”. These events works fine on running on device but not on production release. I figured out that on production release or if i run on device with --prod flag, the observers of my custom eventemitters are empty as you can see in the image below. I spend lots of time to solve this issue with no success. Please help me!

↧
Viewing all 228532 articles
Browse latest View live


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