Quantcast
Channel: Ionic Forum - Latest topics
Viewing all 70435 articles
Browse latest View live

Tabs error

$
0
0

@EniolaTade wrote:

Please, i am working on a tabs template on ionic and i am trying to navigate using
[routerLink]="[‘tab3’, profile.id]" but its not working.
i keep getting this error below
Error: Cannot match any routes. URL Segment: ‘tabs/tab2/tab3/R1S5pfFfaHeJLoDTRuZg’

i don’t know what to do anymore.someone please help me.

Posts: 1

Participants: 1

Read full topic


How do i view a demo of my ionic app on my phone

$
0
0

@EniolaTade wrote:

Hello guys,

Please, how do i view a demo of my ionic app on my phone and as well share it to others without deploying it on playstore?

Posts: 1

Participants: 1

Read full topic

Google map can not be moved or zoom in/out

$
0
0

@lisandrodc wrote:

Hello, make an application with a modal for google maps, the map is displayed correctly but I can not for example move or zoom in/out in it. While I enable those options, I am not allowed such actions.
In the css I have:
ion-app.gmaps_cdv .ion-page:not(.gmaps_cdv), ion-app.gmaps_cdv ion-modal:not(.gmaps_cdv) { display: none; }
Any help me?
Thanks and regards

Posts: 1

Participants: 1

Read full topic

Android build runs slower than Mobile Browser

$
0
0

@imdevdaniel wrote:

I’ve been working on a simple app for a few weeks now, and one of the pages is quite slow when running on an Android device. I know I’m making changes to layout when a user clicks certain elements (see images), but I’ve noticed that same page runs considerably faster when opened with the device’s web browser.
My question is: should I expect at least the same speed performance I get from the device browser from my app when installing the APK?

Image 1: standard collection of items hidden by default.

Image 2: collection of items is visible depending on the category clicked.

Some things to consider:

  • Yes, I’m making changes to the layout, and I know it’s quite a resource-intensive task.
  • The application performance is the same when running with the --prod flag and without it.
  • The application performance changes depending on the device, even if the same Android version is running on different devices (Resources, yeah).
  • When running in a computer via ionic serve, there’s little to no performance problems.
  • When accessing the same page from the device browser via the local network the animations run faster than when accessing the same page on the installed application.
  • The application has been tested using cordova-android 8.0.0.
  • There’s no loading problems with the application, it boots up quite fast, even from a cold boot.
  • The ‘intro’ animation for that same page is absent or really slow when running the application.
  • Other pages animate as expected.
  • Moved the Storage data requests from ngOnInit to ionViewWillEnter and lastly to ionViewDidEnter with no apparent difference in performance.

Ionic Info:

Ionic:

ionic (Ionic CLI) : 4.12.0 (C:\Users\userdata\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : @ionic/angular 4.3.1
@angular-devkit/build-angular : 0.13.8
@angular-devkit/schematics : 7.3.8
@angular/cli : 7.3.9
@ionic/angular-toolkit : 1.5.1

Cordova:

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

System:

Android SDK Tools : 26.1.1 (C:\Users\imdevdaniel\AppData\Local\Android\Sdk)
NodeJS : v10.15.2 (C:\DevHome\NodeJS\node.exe)
npm : 6.4.1
OS : Windows 10

Installed Plugins:

  • com-badrit-base64 0.2.0 “Base64”
  • cordova-plugin-camera 4.0.3 “Camera”
  • cordova-plugin-device 2.0.3 “Device”
  • cordova-plugin-file 6.0.1 “File”
  • cordova-plugin-file-transfer 1.7.1 “File Transfer”
  • cordova-plugin-ionic-keyboard 2.1.3 “cordova-plugin-ionic-keyboard”
  • cordova-plugin-ionic-webview 4.1.1 “cordova-plugin-ionic-webview”
  • cordova-plugin-splashscreen 5.0.3 “Splashscreen”
  • cordova-plugin-statusbar 2.4.3 “StatusBar”
  • cordova-plugin-whitelist 1.3.3 “Whitelist”
  • cordova-sqlite-storage 3.2.1 “Cordova sqlite storage plugin - cordova-sqlite-storage plugin version”

Posts: 1

Participants: 1

Read full topic

Ionic 4 woocommerce-api

$
0
0

@Hammad6264 wrote:

HI friends hope you will be fine. Actually I am working with ionic 4 and woocommerce. When i try ti use wocommerce plugin which is this one ( https://www.npmjs.com/package/woocommerce-api ). i get an error:


;

Here is my code:

import { Component } from '@angular/core';
import * as HA from 'woocommerce';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html'
})
export class HomePage {
  Woocommerce: any;
  constructor(
  ) {
    this.Woocommerce = HA({
      url: 'https://mysite.com',
      consumerKey: 'ck_key',
      consumerSecret: 'cs_key',
      wpAPI: true,
      version: 'wc/v3',
    });
    this.Woocommerce.getAsync("products").then( (data) => {
      console.log(data);
    }, (err) => {
      console.log(err);
    });
  }
  



}

I also tried to use this code in packge.json file to solve this error:

  "browser": {
    "http": false,
    "https": false,
    "net": false,
    "path": false,
    "stream": false,
    "tls": false,
    "fs": false,
    "crypto": false,
    "zlib": false,
    "sshpk": false
  },

And i was successfull to get rid of this error but this simply ignore these file and then error occur global is not defined.

I used this code in index.html file file to get rid global error:

  <script>
    if (global === undefined) {
      var global = window;
    }
  </script>

It worked but then i get error prototype is not defined.

Please help??

Posts: 1

Participants: 1

Read full topic

Only pull json data which ı push the previos page

$
0
0

@Tubiss wrote:

ı pushed the item like this.
FirstPage

openPage(item:any){
      this.navCtrl.push('SecondPage', {
      item: item
  });

SecondPage

ı can push item

this.page1 = navParams.get('page1');

everything is okey until this.

*ngIf=“person.unit_id==item.id”

ı can pull item only which ı send. But in the html is not looking fine .
To sum up ; my problem is that ı dont want to pull all database ; ı just want to pull only ı clicked.
please help me

Posts: 1

Participants: 1

Read full topic

Crbug error

Ionic v4 => Problem with config.xml

$
0
0

@Rodolphe33 wrote:

Bonjour à tous,
J’ai un petit souci récurrent.
A chaque fois que je Git mon projet, le fichier config.xml disparait.
Auriez-vous une explication et une solution, à ce problème?

Je vous souhaite une belle journée

— in English, thanks Google
Hello everyone,
I have a little recurring concern.
Whenever I miss my project, the config.xml file disappears.
Do you have an explanation and a solution to this problem?

I wish you a nice day

Posts: 1

Participants: 1

Read full topic


Break in loop doesn't work

$
0
0

@rafaelmoura wrote:

I am using the Firebase and I have the followig code

  getCustomers() { 
    let array = []; 
    this.service.getItems().subscribe(res => {
      for(let customer of res) {
        if(customer['salesman_id'] == this.salesman_id) {
          array.push(customer);
          console.log(array)
        }  
      }
      this.customers = array
    })
  }

in my console I observable this situation

The loop repeat several times, how to resolve its ?

Posts: 1

Participants: 1

Read full topic

Unable to deploy Ionic 4 to iOS device

$
0
0

@DMoney wrote:

So far I’ve followed all of the online tutorials to deploy an Ionic 4 app to an iOS device. I went through the code signing process and used the latest version of xCode to attempt to deploy my app to an iOS device. According to xCode the deployment succeeds successfully, the icon appears on the device but when attempting to open and run it there’s just a blank screen…the app never opens even though xCode displays a successful deployment. I can deploy to Android successfully and run the app but not with iOS. I’m not getting any errors, it just opens to a blank screen.

Any help would be greatly appreciated.

Thank you

Posts: 2

Participants: 2

Read full topic

Modal cssClass

$
0
0

@mtnoronha7 wrote:

Hi,

I created an component (HeaderComponent) that was ModalController on a paged I called SelectorPage.
Alright, but creating the Modal like this:

  async presentModal() {
    const modal = await this.modalCtrl.create({
      component: SelectorPage,
      cssClass: 'selector-modal'
    });
    return await modal.present();
  }

I’ve notice the CSS has to be on app.scss, not on myheader.component.scss not even on selector.page.scss.

Whats the reason for this?
Thank you!

Posts: 1

Participants: 1

Read full topic

Enable button until the start time

$
0
0

@Tubiss wrote:

ı have a button

<button ion-button shape="round" color="color2">Derse Katıl</button>

[{“id”:1, “start_time”:2019-09-22 17:13:02}] my json api like this and ı want to enable button when is start_time is start.

Posts: 1

Participants: 1

Read full topic

NavController not caching pages when navigating forwards

$
0
0

@Mark64 wrote:

I am using the ionic 4 NavController to try to implement functionality where-by using a single page template, I want to navigate forwards from one instance of the page to a new instance of the page and from the new instance of the page to another… etc etc… However navigation does not work.

Navigation only appears to work properly if the page being navigated to has a route that has not been previously used.

The nature of the project I am working on is to recursively navigate forwards from one instance of a page to another, and have the page instances cached, and then when navigating backwards having each page instance destroyed.

This functionality worked with the old Ionic 3 version of the NavController.

Posts: 1

Participants: 1

Read full topic

Back button is seem double

$
0
0

@Tubiss wrote:

firstPage like this it seems two back button

buttonerror

secondPage.ts

goBackPage(){

this.navCtrl.setRoot('firstPage ');
this.navCtrl.popToRoot();

}

why seem two back button.

Posts: 1

Participants: 1

Read full topic

My app ionic4 statusbar Unable to hide

$
0
0

@baolisboa wrote:

1 2

this is my code

angular.module('AnteIonicApp', ['ionic', 'AnteIonicApp.controllers', 'AnteIonicApp.factory'])
.run(function($ionicPlatform) {
    $ionicPlatform.ready(function() {
       
         if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) {
         cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
         cordova.plugins.Keyboard.disableScroll(true);
         setTimeout(function () {
                    navigator.splashscreen.hide();
                    }, 100);
         }
        if (window.StatusBar) {
           
                         StatusBar.hide
        }

Posts: 1

Participants: 1

Read full topic


Sending sms

$
0
0

@Kenddriz wrote:

Hello everyone! I don’t konw if I’m at a good place to put my question.
I try to develop an application to send sms with android wich is dual sim.
I want every time to choose wich of them I will use to send sms. I don’t know how to do?
Someone can help me?

Posts: 1

Participants: 1

Read full topic

Can't bind to 'formGroup' since it isn't a known property of 'form'

$
0
0

@Awaydrasil wrote:

Hello,
I’m having an error which I’m unable to get rid off since about half a day now.
I just created a form, and when adding [formGroup], an error keeps appearing: Can't bind to 'formGroup' since it isn't a known property of 'form'.

This is the first Ionic app I’m making so I’m showing you how my code is made here :

So, I created a components.module.ts in order to have access components because I don’t know why, my tags and other pages tags generated were not working. I had to make a global component which allows my app to get pages.

Inside my SurveyPage, I want my responses to change regarding a questions list so I created a component SurveyViewComponent.
On the form I have inside SurveyViewComponent I have this error Can't bind to 'formGroup' since it isn't a known property of 'form'.
Something I tried to fix this was to copy the form and put it inside its parent (SurveyPage) and no error happened.

Does someone know why I can’t access the property formGroup in my form tag inside my SurveyViewComponent ?

Thanks,
Best regards.

Posts: 1

Participants: 1

Read full topic

Validate ionic 4 capacitor ios app always failed

$
0
0

@wpler wrote:

Hi,

Everytime if I am validate the succeed builded ionic 4 app with capacitor and one cordova-plugin on ios / xcode it failed with the followed message:

CFBundleIdentifier Collision. There is more than one bundle with the CFBundleIdentifier value ‘my.bundle.id’ under the iOS application ‘App.app’.

How can I resolve the issue? Where i can find “App.app”?

The app uses capacitor, but i need also the cordova-plugin cordova-launch-review for the inline review of the app.

Thanks,
Stefan

Posts: 1

Participants: 1

Read full topic

Filtering a list using starting two letter of an string in array

$
0
0

@khashashin wrote:

How to filter content using ngSwitch and taking only first two letters of a string? I have tried to solve it myself some how but I’m doing it wrong way I guess.

    <ion-segment scrollable mode="md" [(ngModel)]="filter">
        <ion-segment-button mode="md" class="ce-sm-segment" value="all" (click)="showSelectedLetterPopup('all')">
            <ion-icon name="medical"></ion-icon>
        </ion-segment-button>
        <ion-segment-button mode="md" class="ce-sm-segment" value="starred" (click)="showSelectedLetterPopup('☆')">
            <ion-icon name="star-outline"></ion-icon>
        </ion-segment-button>
        <ion-segment-button mode="md" *ngFor="let ltr of twoLetterArray" class="ion-text-lowercase" value={{ltr}}
            (click)="showSelectedLetterPopup(ltr)">
            {{ltr}}
        </ion-segment-button>
    </ion-segment>
    <div [ngSwitch]="word.substring(0, 2)" *ngFor="let word of (words ? words : [])">
        <ion-item *ngSwitchCase="'filter'" routerLink="/tabs/dictionary/word-detail/{{word.id}}">
            <ion-label>
                {{word.word_chechen}}
            </ion-label>
        </ion-item>
    </div>

I have following objects in the page component:

twoLetterArray = ['aa', 'ab', 'ac', 'ad', 'ae']
words = ['Aachen', 'Abaco', 'acetone', 'adaptation', 'Aegeus']

Posts: 1

Participants: 1

Read full topic

Your app serves ads from networks which do not belong to Play's certified list, but has the target audience and content set with audiences aged 13 years and under

$
0
0

@srinath438 wrote:

My App is targetting Childs, While enableing ads in play console I am getting below error

Your app serves ads from networks which do not belong to Play’s certified list, but has the target audience and content set with audiences aged 13 years and under

Posts: 1

Participants: 1

Read full topic

Viewing all 70435 articles
Browse latest View live


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