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

Prevent closing menu on click

$
0
0

@ewankobkt wrote:

Hello. Is there a way for the menu to remain open or manually close/open after clicking to an item? I referred here but it’s not working on ionic 4.

app.component.html

        <ion-item (click)="product()">
          <ion-icon slot="start" [name]="'restaurant'"></ion-icon>
          <ion-label>Products</ion-label>
          <ion-icon slot="end" *ngIf="product_icon == 1" [name]="'remove'" class="col"></ion-icon>
          <ion-icon slot="end" *ngIf="product_icon == 0" [name]="'add'" class="col"></ion-icon>
        </ion-item>

app.component.ts

product() {
this.menu.open(‘main-menu’);

if (this.product_icon == 0) {
  this.product_icon = 1;
} else {
  this.product_icon = 0;
}

}

Posts: 1

Participants: 1

Read full topic


Ionic MySQL and Firebase

$
0
0

@Awesomekllr wrote:

HI there, i would like to ask is it possible to link Mysql with firebase
E.g. i use firebase for authentication then i wan to link my data in mysql database with the specific user in firebase

Posts: 1

Participants: 1

Read full topic

How to print QR code in ios

$
0
0

@phongbn96 wrote:

I have a project need print QR code in ios.i dont know how do it
Please help me !!!
sorry for bad english

Posts: 1

Participants: 1

Read full topic

Ionic 4 Beta / ionic 4 Ibeacon plugin error

HELP - IONIC 4 - ANGULAR 7 (.apk simple demo)

$
0
0

@devCODITRON wrote:

Hi::

HELP - IONIC 4 - ANGULAR 7 (.apk simple demo)

  • ionic start myApp tabs --type=angular
  • cd myApp
    (config.xml :: )
  • ionic cordova platform add android
  • ionic cordova build android

  • I install the apk
  • When you open the app only the splash appears a few seconds later it goes blank.
    The same with the app I was doing.
    IS SOMETHING MISSING OR THAT WITH IONIC VERSION 4?

Posts: 2

Participants: 2

Read full topic

How to have real time data update from an API aside from interval request

$
0
0

@test-nikko wrote:

I am fetching a data from an API, and I want to have a live update of display of data in my app when something changes in the data from the API. All I done is to have an interval that makes a request in the API every minute, and I think its not the best solution for this. Because it consumes a lot of power for the phone. So is there an alternative for this? The API that I am using is something external from us so we cannot change it to adjust for some solutions.

Posts: 1

Participants: 1

Read full topic

How to get a specific data for my ngmodel

$
0
0

@kringdyo wrote:

  <ion-item>
          <ion-label color="primary">Monitor Price</ion-label>
      </ion-item>
    <ion-item>
      <ion-label>Choose Market </ion-label>
      <ion-select [(ngModel)]="market_id">
        <ion-option *ngFor= "let d of dataArraymarket">{{d.market_id}} {{d.market_name}}</ion-option>
         
      </ion-select>
    </ion-item>

I want to have the market_id only because its what i only need for my database but I want to show them both . Thank you in advance for the help

Posts: 1

Participants: 1

Read full topic

Problem in API request Cordova Platforms : android 7.1.4

$
0
0

@ahmadklsany wrote:

hello every one
i have problem with ionic 3 when i am sending post url (for send sms massage to mobile phone) :
link : https://smsmisr.com/api/webapi/?username='+data.username+'&password='+data.password+'&language='+data.language+'&sender='+data.sender+'&mobile='+data.mobile+'&message='+data.message+'&DelayUntil='+data.DelayUntil;

    import { Http } from '@angular/http';
   ....... 
    return this.http.post(link,  {.map(res=>res.json())) ;

in Cordova Platforms : android 7.1.4 >>>>> Api Not send and not get response and no massage received ;
in Cordova Platforms : android 6.3.0 >>> work fine

any help ? :slight_smile:

Posts: 1

Participants: 1

Read full topic


Want to open SharePoint online pages in ionic angular in-app browser, ionic 2

$
0
0

@mukesh50 wrote:

I need to open office 365 modern pages in ionic angular based mobile app (in app browser) . these pages may have ui components built in react.
I know i can just check it by doing. but still i would like to listen from you experts that whether it is a good idea to load a page (which may have react components on it) in ionic angular based app. Can it create any problem in future ? Thank you in Advance

Posts: 1

Participants: 1

Read full topic

Wakeup app when in background

$
0
0

@manouti12 wrote:

Hello,

I am trying to move my app to foreground when it is in background mode. for example in whatsapp when you receive a call from someone the app automatically opens. Anyone has an idea of how this can be done?

Posts: 1

Participants: 1

Read full topic

Stencil and PouchDb

$
0
0

@htg wrote:

Hi Folks,
I have been playing with Stencil and have built some components with a view to trying to converting an ionic/angular pwa to Stencil. I enjoy the speed of compilation and have found it interesting so far. However, I do not seem to be able to get PouchDB going. Has anyone managed that? If so, please give me some clues on how to use PouchDB in Stencil.

Thanks,
Hilton.

Posts: 1

Participants: 1

Read full topic

Ionic Specific platform not working

$
0
0

@Fayme wrote:

.ios{
    page-training{
        .overview-items {
            margin-top: -40px !important;
        }
    }
}

.md {
    page-training{
        .overview-items {
            margin-top: 45px !important;
        }
    }
}

in my css i have code for different platform but my android device is always executing ios!

Posts: 1

Participants: 1

Read full topic

Rtl support IONIC V4?

$
0
0

@CreativeArtDesign wrote:

I wounder about Ionic V4 in the manual i can not see how to use RTL in my CSS…

in version v3 it works like this, but in version how will it work Ionic v4?
I can not find it in the new documentation.

.my-label{
    @include ltr() { // ENGLISH
      font-family: active-font;

    }
    @include rtl() { // ARABIC
      font-family: arabiclabel-font;
    }
}

I wonder how it works in IONIC Version 4…

Posts: 1

Participants: 1

Read full topic

Storage differents data

$
0
0

@lucasdragos wrote:

it is recommended to store different data in the same storage? for example: Products and User.
And in the queries use filter to differentiate them

Posts: 1

Participants: 1

Read full topic

Ionic V4 Playing local video doesn't work any more

$
0
0

@geochr wrote:

I used the following code to load and play locally downloaded videos when Ionic V4 beta came out.

It stopped working with the latest final release.

No JS or native errors appear.

Any ideas?

const byteArray = await this.file.readAsArrayBuffer(basePath, fileName);
const blob = new Blob([new Uint8Array(byteArray)], { type: 'video/mp4' });
const url = URL.createObjectURL(blob);
this.videoPlayer.nativeElement.src = url;

Posts: 1

Participants: 1

Read full topic


iOS build not displaying updated content on subsequent re-builds

$
0
0

@MarkGSmith64 wrote:

I am using Ionic 3 and building an existing app for iOS. I can build the app for iOS and run the app on a real device, but when I make a change to my ionic src code, and do a rebuild and run on the device, the changes don’t show.

I have tried generating a new Ionic 3 app and changes do appear after each rebuild. So I assume that there must be something wrong or misconfigured within my existing app.

I am using XCode Version 10.1

Help much appreciated

ionic info:

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

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

global packages:

    cordova (Cordova CLI) : not installed

local packages:

    @ionic/app-scripts : 3.2.0
    Cordova Platforms  : none
    Ionic Framework    : ionic-angular 3.9.2

System:

    ios-deploy : 1.9.4
    Node       : v10.15.0
    npm        : 6.4.1
    OS         : macOS
    Xcode      : Xcode 10.1 Build version 10B61

Environment Variables:

    ANDROID_HOME : not set

Misc:

    backend : pro

Posts: 1

Participants: 1

Read full topic

Issue adding ionic native plugin to ionic v3 project

Storage wipes on page reload?

$
0
0

@d4h wrote:

In my current application I am using @ionic/storage to persist key user data on the device. My specific problem is that during initialisation, Storage appears to wipe the Web SQL database.

I’ve verified myself that Storage

  1. Writes data.
  2. Reads data.

Everything in this regard is correct. However, it wipes the store during init. This is what I see after teardown and reload:

The ID key increments on each reload.

Software Versions:

  1. @ionic/storage v2.2.0
  2. @ionic/native v5.0.0
  3. @ionic/angular v4.0.0

Putting aside code to call get/set, our configuration and initialization code is minimal. After we load the storage module we instantiate the service in a wrapper to return observables for ease of use with NGRX.

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    AppErrorsModule,
    AppRoutingModule,
    AppStoreModule,
    BrowserAnimationsModule,
    BrowserModule,
    HttpClientModule,
    InterceptorsModule,
    IonicModule.forRoot(),
    IonicStorageModule.forRoot(),
    MenuModule
  ],
  bootstrap: [
    AppComponent
  ],
  providers: [
    SplashScreen,
    StatusBar
  ]
})
export class AppModule {}
import { Inject, Injectable } from '@angular/core';
import { Storage } from '@ionic/storage';
import { Observable, from } from 'rxjs';
import { Platform } from '@ionic/angular';

@Injectable({ providedIn: 'root' })
export class StorageService {
  constructor(private storage: Storage) {}

  get(key: string): Observable<any> {
    return from(this.storage.get(key));
  }

  set(key: string, value: any): Observable<any> {
    return from(this.storage.set(key, value));
  }

  remove(key: string): Observable<any> {
    return from(this.storage.remove(key));
  }

  clear(): Observable<any>  {
    return from(this.storage.clear());
  }

  keys(): Observable<Array<string>> {
    return from(this.storage.keys());
  }
}

Posts: 1

Participants: 1

Read full topic

Ionic-4 - Scrollable/Searchable/Filtering Grid/Table/List

$
0
0

@vvanherk wrote:

Hello.
As title suggests, I’m looking for a Grid/Table/List type component where just the elements in the control scrolls - not all of . Search, sorting, and filtering capabilities will need to be added as well. This control would be in middle of page - with non-scrolling information above and below.

Ionic 4 no longer supports . I also posted message 10 days ago regarding scrolling list. Suggestion of multiple on page and using CSS does not really cut it…

Would have thought there would be existing controls to support this - rolling all from scratch seems like re-inventing wheel… If it needs to be purchased - that is valid option.

Any input appreciated.
Cheers.

Posts: 1

Participants: 1

Read full topic

Prod Build without Minify

$
0
0

@Dovel wrote:

Is it possible to build --prod without minify? The sourcemap doesn’t help. I’ve an error from vendor.js in prod-build only.

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>