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

Bug with --prod only

February 28, 2019, 5:38 pm
$
0
0

@JerryBels wrote:

Hello,

I have a VERY strange bug which I have absolutely no idea how to debug.

When building my ionic app and launching on my Android, it works just fine. But, when I add the --prod flag - which I do every time I want to show something to the customer - I have that angular error :

 main.5e301c2a6dc3a49ec613.js:1 ERROR Error: StaticInjectorError[t -> e]: 
  StaticInjectorError(Platform: core)[t -> e]: 
    NullInjectorError: No provider for e!
    at t.get (main.5e301c2a6dc3a49ec613.js:1)
    at main.5e301c2a6dc3a49ec613.js:1
    at t (main.5e301c2a6dc3a49ec613.js:1)
    at t.get (main.5e301c2a6dc3a49ec613.js:1)
    at main.5e301c2a6dc3a49ec613.js:1
    at t (main.5e301c2a6dc3a49ec613.js:1)
    at t.get (main.5e301c2a6dc3a49ec613.js:1)
    at oi (main.5e301c2a6dc3a49ec613.js:1)
    at t.get (main.5e301c2a6dc3a49ec613.js:1)
    at Qi (main.5e301c2a6dc3a49ec613.js:1)

And the app doesn’t load at all. Not very helpfull - which is expected since it’s --prod. I could very well rollback every change I made since the last time it worked, and check line by line… But it would take an awful amount of time, and also I really think there is a more logical way to get to it.

Thanks ahead.

Posts: 1

Participants: 1

Read full topic

↧
Search

Wanting to style buttons with outline attribute

February 28, 2019, 7:25 pm
$
0
0

@theitteam wrote:

Hey all,

I have button with a conditional ‘active’ class:

<ion-button fill=“outline” [class.is-active]=“isOptionSelected(i)”>

The active class is being applied but I cant change any of the CSS custom properties, here is my code:

multi-select-control {
ion-button.is-active.button {
–background: var(–ion-color-primary);
–background-focused: var(–ion-color-primary);
–color: #fff;
–color-activated: #fff;
}
}

The code is working but they styles aren’t applying. Any help appreciated.

Posts: 1

Participants: 1

Read full topic

↧
↧

Emulate android error

February 28, 2019, 9:25 pm
$
0
0

@cikcoh wrote:

Waiting for emulator to boot (this may take a while)…BOOT COMPLETE
Warning: restoring GLES1 context from snapshot. App may need reloading.
Skipping build…
Built the following apk(s):

(node:3826) UnhandledPromiseRejectionWarning: Error: Could not find apk architecture: x86 build-type: debug
at Object.module.exports.findBestApkForArchitecture (/Users/dev/Desktop/jelly/platforms/android/cordova/lib/build.js:220:11)
at /Users/dev/Desktop/jelly/platforms/android/cordova/lib/emulator.js:456:34
at _fulfilled (/Users/dev/Desktop/jelly/platforms/android/cordova/node_modules/q/q.js:854:54)
at /Users/dev/Desktop/jelly/platforms/android/cordova/node_modules/q/q.js:883:30
at Promise.promise.promiseDispatch (/Users/dev/Desktop/jelly/platforms/android/cordova/node_modules/q/q.js:816:13)
at /Users/dev/Desktop/jelly/platforms/android/cordova/node_modules/q/q.js:570:49
at runSingle (/Users/dev/Desktop/jelly/platforms/android/cordova/node_modules/q/q.js:137:13)
at flush (/Users/dev/Desktop/jelly/platforms/android/cordova/node_modules/q/q.js:125:13)
at process._tickCallback (internal/process/next_tick.js:61:11)
(node:3826) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1)
(node:3826) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
glTexImage2D: got err pre :frowning: 0x506 internal 0x1908 format 0x1908 type 0x1401
glTexImage2D: got err pre :frowning: 0x506 internal 0x1908 format 0x1908 type 0x1401

I have to support android jellybean, thats why i need to test all my features on emulator
Hope anyone could help, thanks

cordova-android 6.4.0

Posts: 1

Participants: 1

Read full topic

↧

Set Cookie with InAppBrowser

February 28, 2019, 10:17 pm
$
0
0

@sushantr wrote:

Hello,
Is it possible to open url with InAppBrowser and set cookie which I already have in local storage.
I know we can run JavaScript code with executeScript method. So can anyone please tell me how to set cookie with executeScript

Posts: 1

Participants: 1

Read full topic

↧

Date Pipe not working for numeric to month string

March 1, 2019, 12:44 am
$
0
0

@nikhil7 wrote:

I want to convert numeric to month string using date pipe. (e.g 1 to January)
I am using *ngFor to iterate through complete list.
But currently it is showing January month to every number.
Anyone have idea about it.

Posts: 1

Participants: 1

Read full topic

↧
↧

Retrieve data

March 1, 2019, 1:03 am
$
0
0

@Milumaria wrote:

how can i retrieve a value from ionic storage and how can i pass that value to service as the parameters of a function?

Posts: 1

Participants: 1

Read full topic

↧

Ionic 4 - How to change side menu background color or make background transparent?

March 1, 2019, 2:09 am
$
0
0

@gokujy wrote:

Helo,
I want change side menu background color, i tried few things but not working.

ion-menu{
 ion-content{
     background-color: transparent !important;
 }

 .inner-scroll {
     --background: var(--ion-menu-background);
 }
}

Anyone know how can i change background color in ionic 4 :).

Posts: 1

Participants: 1

Read full topic

↧

Firebase remote config

March 1, 2019, 2:19 am
$
0
0

@inamit wrote:

Hi,
I’m using firebase on a certain project (V3).
I use this plugin: firebase plugin.
FCM and Database (Using angularfire) works (though I wasn’t able to send push notifications to devices, tested on iOS)

when I use this code:

  this.url = "";
     console.log("before getValue()");
     this.firebase.getValue("info_url").then(url => {
       console.log("during getValue()");
       this.url = url;
       console.log(this.url);
    }).catch(error => {
       console.log(error);
    });
    console.log("after getValue()");

console prints:
before getValue()
after getValue()

and I don’t get any URL.

I would love to get suggestions.
Thank you for answers.

Amit

Posts: 1

Participants: 1

Read full topic

↧
Search

Plz how i can hide the default first page ionic with platform IOS

March 1, 2019, 4:01 am
↧
↧

How to session timeout auto logout in ionic 2

March 1, 2019, 4:25 am
$
0
0

@Ferozabdul wrote:

i want to implement session timeout auto logout when the user is inactive in my app
How to do ? thanks in advance…

Posts: 2

Participants: 2

Read full topic

↧

Ionic v3 documentation website broken links

March 1, 2019, 4:45 am
$
0
0

@ramioooz wrote:

open v3 support links like this one :

then when you click the link as shown in image

2019-03-01_1440
2019-03-01_1440.png742×458 13.5 KB

it should take you to :


instead of :

the issue persists in all other v3 components and native pages
please fix it…
thank you

Posts: 1

Participants: 1

Read full topic

↧

Payment module

March 1, 2019, 5:33 am
$
0
0

@hiralbarot wrote:

Hi All,

I want to develop a payment module which accepts debit / credit card and paypal account details.

  1. How do I implement this?
  2. How can i add security for account information storage?

Thanks

Posts: 1

Participants: 1

Read full topic

↧

Can not find name "NgCircleProgressModule"

March 1, 2019, 6:00 am
$
0
0

@pratikdixit89 wrote:

Hello,

I am new to IONIC and trying to create basic app. I have used circle package using below command to create application

npm install ng-circle-progress@1.0.0 --save

However, I am getting error “Cannot find name NgCircleProgressModule”, when I am using NgCircleProgressModule.forRoot({ … }) in my home.module.ts

In addition, in my home.page.html, I am using … than it shows error ‘circle-progress’ is not known element.

Please do needful as I cannot proceed.
Thanks,
Pratik

Posts: 1

Participants: 1

Read full topic

↧
↧

Similar app are mixing their ressources

March 1, 2019, 6:36 am
$
0
0

@Maschtag wrote:

Hi,

I have three apps developed with Ionic. Those app are really similar, basically it’s a chat, only the color, the title and some other variables are differents. The codes have a lot of copy-paste, so all files or variables have the same name in the three apps.
Then problem is, when have two or three of those apps opened on my phone, and I switch from one app to the other, they sometime mixe their contents.
For exemple I am on the app A, i go back to the menu and open app B, I have the launching screen, and then the app B become the app A, same title, same color, same chat. If I come back to the menu and reopen it, it doesn’t change.

I tried to change the name of some files, some variables, it didn’t work.

Thanks,

Posts: 1

Participants: 1

Read full topic

↧

Styling Font Size vs. FitText vs. Ionic4 ShadowDom, BEST UX

March 1, 2019, 7:41 am
$
0
0

@mburger81 wrote:

Hello,

we used in our ionic2/3 projects “angular-fittext” to have the largest possible font size per container. See this widgets for example, as you can see the left upper widget has the smaller font size then the right upper widget.
The font size is calculated with fittext depending on container size , viewport size and and and.
image

The problem is in Ionic4 we have ShadowDom and “angular-fittext” is not compatible with shadow dom.

So our main question is, which is the best UX for FontSize in an APP.

Thx

Posts: 1

Participants: 1

Read full topic

↧
Search

Ionic capacitor add ios is failing

March 1, 2019, 8:45 am
$
0
0

@nuvoaire wrote:

capacitor add ios
:information_source: Installing iOS dependencies – Skipping: already installed
:heavy_check_mark: Adding native xcode project in: in 952.62ms
:heavy_check_mark: add in 955.85ms
:heavy_check_mark: Copying web assets from www to ios/App/public in 30.15s
:heavy_check_mark: Copying native bridge in 30.90ms
:heavy_check_mark: Copying capacitor.config.json in 26.04ms
[error] Unable to find node_modules/cordova-ios. Are you sure cordova-ios is installed?
[ERROR] An error occurred while running subprocess capacitor.

    capacitor add ios exited with exit code 1.
    
    Re-running this command with the --verbose flag may provide more information.

any thoughts?

Posts: 3

Participants: 2

Read full topic

↧

Cpu mismatch architecture

March 1, 2019, 9:13 am
$
0
0

@cikcoh wrote:

HI, I already have working build that support kitkat & above in playstore.
But need to upload another to support jellybean users. So i duplicate the project, install cordova-android 6.4 and crosswalk.

Finally managed to build successfully. Added in config.xml

preference name=“xwalkMultipleApk” value=“false” />

Installed unique apk to emulator with jellybean api and app ‘stopped working’. Not sure how to debug this?
So, i tried to install to my device with nougat api and get the ‘mismatch cpu architecture’ instead.

Help would be appreciated on how to debug these issues.

Thnaks

Posts: 1

Participants: 1

Read full topic

↧
↧

How to set current timezone to ion-datetime

March 1, 2019, 9:57 am
$
0
0

@knandhucse wrote:

Hello,

My question may be a duplicate one but if I get the answer to my question, it will be very helpful.

I am using ion-datetime control in ionic 4. I want the control to take the current timezone without setting the default value to it.

When I open the picker, by default, it showing the UTC value instead of the current timezone value.

For example, The actual time is 01-Mar-2019 11:17 PM but when I open the picker, it is showing 01-Mar-2019 05:47 PM. How can I fix this without setting the default value to the control?

image

Posts: 1

Participants: 1

Read full topic

↧

How to display image in same model from different folder in ionic 4?

March 1, 2019, 10:34 am
$
0
0

@gokujy wrote:

Hello
I have images in 10 folders and I am displaying image in 10 pages. I have one model for display single image. So my question is is there any way to display all image in the same model.
here I have the code:

**home.ts**

<ion-card class="one-image" *ngFor="let image of imgArr">
          <img src="http://example.com/ionic/imgfolder1/{{image}}.jpg" tappable (click)="openPreview(image)">
        </ion-card>

**home.ts**

 import { ModalController } from '@ionic/angular';
        import { ImageModalPage } from '../image-modal/image-modal.page';
    
       openPreview(image) {
        this.modalController.create({
          component: ImageModalPage,
          componentProps: {
            image: image
          }
        }).then(modal => {
          modal.present();
        });
      }

image-model.page.ts

import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';
    import { NavParams, ModalController } from '@ionic/angular';

    @ViewChild('slider', { read: ElementRef })slider: ElementRef;
    image: any;

    constructor(private navParams: NavParams, private modalController: ModalController) { }

    ngOnInit() {
  	  this.image = this.navParams.get('image');
    }

    zoom(zoomIn: boolean) {
     let zoom = this.slider.nativeElement.swiper.zoom;
     if (zoomIn) {
       zoom.in();
     } else {
       zoom.out();
     }
    }
 
    close() {
     this.modalController.dismiss();
    }

model.html

<ion-slides #slider>
      <ion-slide>
        <div class="swiper-zoom-container">
          <img src="http://example.com/ionic/imgfolder1/{{ image }}.jpg">
        </div>
      </ion-slide>
    </ion-slides>

Here is my full code, I want to display images from diff page in the same model.

Posts: 1

Participants: 1

Read full topic

↧

Bottom of page is always hidden

March 1, 2019, 11:07 am
$
0
0

@attorneymatcherapp wrote:

Hi,

I have a problem in my Ionic v3.9.2 app. I have pages with ion-tabs. On each of such pages, bottom of it is not visible. I am not able to make it visible with any of CSS tricks known to human kind. I attach two images which show this problem.

On the first one, violet button is not visible.

error

error%202

Posts: 1

Participants: 1

Read full topic

↧
Viewing all 48983 articles
Browse latest View live
Search
<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>