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

Creating URL for search results in Ionic

February 20, 2019, 10:50 am
$
0
0

@jabaf wrote:

I’m using an Ionic app on web through some proxy tweaks.

I want to make search results on the site to be sharable through copying from browser’s address bar and couldn’t figure how to go about it.

I’m using <ion-searchbar> inside of <ion-header> on the landing page:

<ion-searchbar [(ngModel)]="searchString" [showCancelButton]="isSearching" (ionInput)="searchInput($event)"
        (ionCancel)="searchCancel($event)" placeholder="xxx">
      </ion-searchbar>

Immediate triggering of search through ionInput ends up with the request:

let search = new HttpParams();
    if(params){
      for(let key in params){
        search = search.set(key, params[key]);
      }
    }
    let query = `?${search.toString()}`;
    return new Promise(resolve => {
      this.api.get(`product/search${query}`)

but obviously it doesn’t create the query params on the address bar. How would such thing be possible? Any pointers?

Posts: 1

Participants: 1

Read full topic

↧
Search

Add style to an Ion-Alert

February 20, 2019, 11:34 am
$
0
0

@bbrenes wrote:

Solution for Ionic v4
For so many time i was trying to push some cssStyle to the ion-alert and today was the day.
Normally i was trying to do this:
this

But after hour trying to make it works, i decide to change the exactly the css name of the alert and put the style in variables.scss.
In my case.
For header the class was: .alert-title.sc-ion-alert-md
For the non-selected options was: .alert-radio-label.sc-ion-alert-md
And For the selected option was: [aria-checked=true].sc-ion-alert-md .alert-radio-label.sc-ion-alert-md

Maybe is not the best way to made it, but works really good

Posts: 1

Participants: 1

Read full topic

↧
↧

Ionic 4: facebook login error (1675030)

February 20, 2019, 12:29 pm
$
0
0

@victornoletosysout wrote:

I spent all day trying to make a simple application that could log in through facebook, and failed.

I went through problems that were easily solved, such as fixing the version of the @ionic-native/core and @ionic-native/facebook packages to 5.0.0-beta.14 until problems that made me create a topic asking for help.

I’m stuck with the following message: “SERVER_ERROR: [code] 1675030 [message]: Error performing query”, and I just do not know what else to do.

I already checked the hash key by executing the command “keytool -exportcert -alias androiddebugkey -keystore ~/.android/debug.keystore | openssl sha1 -binary | openssl base64” and then informing the password “android”, but the error persists.

That’s my code:

this.facebook.login(['email']).then((res: FacebookLoginResponse) => {
	console.log("facebook login res", res);
}).catch(err => {
	console.error("facebook login err", err.errorMessage);
});

Posts: 1

Participants: 1

Read full topic

↧

Ion-datetime styling for desktop browser

February 20, 2019, 12:38 pm
$
0
0

@shepard wrote:

Many threads on date and time pickers, I know.
With Ionic 4 however, is there a way to style the ion-datetime to not come up from the bottom or to center it after it has?

Posts: 1

Participants: 1

Read full topic

↧

What is the best way to save users credit card information in their account

February 20, 2019, 1:06 pm
$
0
0

@HakanGoker wrote:

Hi All,

I am looking for a secure way to save the billing information to be used with future purchases.

I have a wordpress woocommerce website and created an Ionic app using Rest Api V3. I have a class, a php wrapper that limits Rest Api using cUrl and and consumer keys. Basically I can use the same wrapper and record billing information to the server using SSL etc. But I am not comfortable to save the user info.

I see in Uber app or grubhub or other apps that they save this information somewhere. Do they encrypt and decrypt on another second server, or does stripe handles this on their end or do they use firebase database which I assume you can store credit card information in firebase and charge cards later on or maybe Apple pay only handles this… Can I do something like this with Authorize.net paypal/pro etc??

PCI DSS compliance rules are very strict. I want to stay in that rule and I want the user NOT enter their information again but choose the default card and send the order. I want the user to add multiple credit cards and process the default card. What is the best approach?

Posts: 1

Participants: 1

Read full topic

↧
↧

@ionic-native/xxxx/ngx always gives an error

February 20, 2019, 1:59 pm
$
0
0

@mrg250 wrote:

Hello,
Whenever I try to install a plugin nowadays, the import declaration is followed by an ‘/ngx’ suffix (ex.@ionic-native/onesignal/ngx) and whenever I try to use it, it always throws an
TypeError: Object(...) is not a function exception
it’s happening for every plugin I try to import.

ionic info gives:


Ionic:

   ionic (Ionic CLI)  : 4.5.0 (C:\Users\MEeZkAkpNmZaWcBX7UuQhvr2eHUjkqNe8Gules\ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.0

Capacitor:

   capacitor (Capacitor CLI) : 1.0.0-beta.17
   @capacitor/core           : 1.0.0-beta.17

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 7.1.4, browser 5.0.4
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.2.0, (and 13 other plugins)

System:

   NodeJS : v8.12.0 (D:\Windows\Programs\Node JS\node.exe)
   npm    : 6.4.1
   OS     : Windows 10

I always install the latest plugin version according to the Docs.

my current code is :

import { OneSignal } from '@ionic-native/onesignal/ngx';
constructor(platform: Platform, statusBar: StatusBar,   public splashScreen: SplashScreen, private oneSignal: OneSignal) {
platform.ready().then(() => {
       
            oneSignal.startInit('x', 'y'); /* this invokes the exception (btw, I do have the 
credentials but for this example it is replaced by 'x' and 'y'*/
   }
}

Posts: 1

Participants: 1

Read full topic

↧

Ios, building but not running on simulator

February 20, 2019, 2:12 pm
$
0
0

@MSC29 wrote:

Hi, I’m trying to run my app on an iOS simulator from xcode and cli.

It builds & stays stuck on the splash screen.
On android, it builds & run well on any device… I just don’t have an iOS device yet.

Google around the error below, it may point toward a file:// issue, but I don’t have any in my code.
Looking at the link in the log below, it may be induced by the simulation…

App[24680:953536] Ionic Native: deviceready event fired after 995 ms
2019-02-20 22:56:09.401978+0100 App[24680:953536] uuid is: 8fa64ebd-79c4-4c07-aa58-18c66399b1ea
2019-02-20 22:56:09.403680+0100 App[24680:953536] ignore version: NOTHING_TO_IGNORE
**2019-02-20 22:56:09.407911+0100 App[24680:953617] **Redirecting to: file:/Users/bryan/Library/Developer/CoreSimulator/Devices/A8492C0D-D17E-44C6-8373-C5174831111C/data/Containers/Data/Application/7581E730-8A68-4A60-B7DE-227CD2EA7433/Library/Application%20Support/8fa64ebd-79c4-4c07-aa58-18c66399b1ea/index.html?cordova_js_bootstrap_resource=/Users/bryan/Library/Developer/CoreSimulator/Devices/A8492C0D-D17E-44C6-8373-C5174831111C/data/Containers/Bundle/Application/8571EBDB-B309-4E5C-AA76-365635F676DF/App.app/www/cordova.js
2019-02-20 22:56:09.411714+0100 App[24680:953536] Reloading the web view.
2019-02-20 22:56:09.434346+0100 App[24680:953536] Failed to load webpage with error: The operation couldn’t be completed. (NSURLErrorDomain error -999.)

Ionic:

ionic (Ionic CLI) : 4.10.2 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.0.1
@angular-devkit/build-angular : 0.12.4
@angular-devkit/schematics : 7.2.4
@angular/cli : 7.2.4
@ionic/angular-toolkit : 1.3.0

Cordova:

cordova (Cordova CLI) : 7.1.0
Cordova Platforms : ios 4.5.5
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 3.1.2, (and 8 other plugins)

System:

ios-deploy : 1.9.4
ios-sim : 7.0.0
NodeJS : v11.8.0 (/usr/local/bin/node)
npm : 6.5.0
OS : macOS Mojave
Xcode : Xcode 9.0 Build version 9A235

cordova plugin ls

You have been opted out of telemetry. To change this, run: cordova telemetry on.

cordova-plugin-add-swift-support 1.7.2 “AddSwiftSupport”
cordova-plugin-app-event 1.2.1 “Application Events”
cordova-plugin-badge 0.8.8 “Badge”
cordova-plugin-device 2.0.2 “Device”
cordova-plugin-ionic-keyboard 2.1.3 “cordova-plugin-ionic-keyboard”
cordova-plugin-ionic-webview 3.1.2 “cordova-plugin-ionic-webview”
cordova-plugin-local-notification 0.9.0-beta.2 “LocalNotification”
cordova-plugin-splashscreen 4.1.0 “Splashscreen”
cordova-plugin-statusbar 2.4.2 “StatusBar”
cordova-plugin-whitelist 1.3.3 “Whitelist”

Thanks a lot for your help
Best regards

Posts: 1

Participants: 1

Read full topic

↧

Swiper disabled in production mode, Ionic-v4

February 20, 2019, 5:22 pm
$
0
0

@arnhrwd wrote:

This problem appears in posts for ionic-v3 but I didn’t see any resolution:

Swiper does not work

I’m using Ionic v4.

The Swiper (ion-slides) stops working in production mode. It simply shows the first slide, and gives no functionality (does not even show the pager dots).

Any help to resolve this would be great else I can’t use production mode at all.

Posts: 1

Participants: 1

Read full topic

↧
Search

Set InAppBrowser or Themeable Browser height to show app's bottom tabs

February 20, 2019, 7:08 pm
$
0
0

@marcelwade wrote:

I’ve searched about this around ionic forums, stackoverflow, etc., but I still haven’t found an answer.

I’m creating an ionic app with an inappbrowser inside and I want it to be like a part of the app with the bottom tabs showing.

Others suggested to use iframe but I’m not sure if that’s good since they’re also saying that it has issues uploading to the apple app store.

Posts: 1

Participants: 1

Read full topic

↧
↧

Ionic 4 ion-select pre select value

February 20, 2019, 8:15 pm
$
0
0

@javasol wrote:

I have an ion-select that the selected value is coming from a sqlite database, meaning the value for [(ngModel)] is being populated async. In ionic v3 this would still work and would select the correct ion-option, with v4 it doesn’t. Is there any way to get this to work?

 <ion-select [(ngModel)]="selectedCodeValue" name="selectCode" multiple="false"
        (ionChange)="codeSelected()" required >
        <ion-select-option *ngFor="let code of availableCodes" value="{{code.id}}">
          {{code.id}} -  {{code.description}}
        </ion-select-option>
  </ion-select>

In the above snippet the “selectedCodeValue” gets populated async from sqlite db.

Posts: 1

Participants: 1

Read full topic

↧

Is it possible to get District , City by giving pincode in ionic 3

February 20, 2019, 9:59 pm
$
0
0

@Velmurugan wrote:

I have a scnerio like

pin code: text
district: display only
city:display only

If i am entering the pincode onload , the city and district has to come automatically in the fields.

the came case i have seen in flipkart…

Please help me …

Posts: 1

Participants: 1

Read full topic

↧

Is it recommandable to update the ionic client during APP development

February 20, 2019, 10:01 pm
$
0
0

@Velmurugan wrote:

I have created An app and continuing the development using ionic client 4.0.0.
Its showing the latest update of ionic client , can i update ??

Posts: 1

Participants: 1

Read full topic

↧

Ionic 4 Tabs styling

February 20, 2019, 10:13 pm
↧
↧

Show ionic spinner/loader on top of all pages

February 20, 2019, 10:58 pm
$
0
0

@marcelwade wrote:

Is there a way to always show the loader or make it stay when I call it?

I made a public service where the loader is created so that I can always inject and access it on any page

 public async loaderPresent() {
    await this.loader.then((overlay)=>{
      overlay.present();
    })
  }

  public async loaderDismiss() {
    await this.loader.then((overlay)=>{
      overlay.dismiss();
    })
  }

But the problem is:
The loader does not stay when the page is programmatically changed.

What I’m trying to achieve is:
The loader to be absolute and cover all the automated processes happening under in my app.

Additional Information:
I have an inAppBrowser and it covers the loading screen

Posts: 1

Participants: 1

Read full topic

↧

Ionic framework network plugin issue

February 20, 2019, 11:00 pm
↧
Search

Ionic Network Plugin Not Working

February 20, 2019, 11:04 pm
$
0
0

@hg8200 wrote:

Network Plugin not working in ionic
i am using cordova-plugin-network-information 2.0.1 “Network Information” in ionic
when i call to check network

  constructor(private platform: Platform,public navCtrl: NavController,private network: Network,public toastCtrl: ToastController)
  {
    this.platform.ready().then(() =>
    {

          this.network.onConnect().subscribe(() =>
          {
            console.log("calling 2");
            alert("Online!");
          });


          this.network.onDisconnect().subscribe(() =>
          {
            console.log("calling 4");
            alert("Offline!");
          });
    });
  }

and i m getting this error

ERROR Error: Uncaught (in promise): TypeError: Object(…) is not a function
TypeError: Object(…) is not a function
at Network.onConnect (index.js:62)
at home.ts:19
at t.invoke (polyfills.js:3)
at Object.onInvoke (core.js:4760)
at t.invoke (polyfills.js:3)
at r.run (polyfills.js:3)
at polyfills.js:3
at t.invokeTask (polyfills.js:3)
at Object.onInvokeTask (core.js:4751)
at t.invokeTask (polyfills.js:3)
at c (polyfills.js:3)
at polyfills.js:3
at t.invokeTask (polyfills.js:3)
at Object.onInvokeTask (core.js:4751)
at t.invokeTask (polyfills.js:3)
at r.runTask (polyfills.js:3)
at o (polyfills.js:3)
at e.invokeTask [as invoke] (polyfills.js:3)
at p (polyfills.js:2)
at HTMLDocument.v (polyfills.js:2)

Posts: 1

Participants: 1

Read full topic

↧

Ionic 3 vs 4 issues

February 20, 2019, 11:25 pm
$
0
0

@rlaehdgur135 wrote:

I’m developing my app using Ionic 3, but I noticed that the newer version has been released so I want to ask few questions about the versions.

1.)Can I release my app on Google play and App store without any problems with version 3?

2.)Do I must upgrade version 3 to 4 for the future?(Is there any possibility that version 3 won’t work anymore in the future?)

3.)I have been finished development like 80% of total and I’m not making heavy app like games or something, will it be worth if I change version to 4 for me from now?

Posts: 1

Participants: 1

Read full topic

↧
↧

RouterLink with Animation

February 20, 2019, 11:28 pm
↧

Ionic 4 (frame work) side menu

February 20, 2019, 11:29 pm
$
0
0

@nizalsha wrote:

can anyone teach me how to add a side menu and jumping to option pages ( need ui and script source)

Posts: 1

Participants: 1

Read full topic

↧

Ionic 4 resolver service

February 20, 2019, 11:45 pm
$
0
0

@ebeliejinfren wrote:

i use resolver service according to this tutorial of simon grimm
but in this tutorial resolver return a static function; but i have 4 type detail pages and i don’t want create a resolver for each one
i want if going to #1detailPage resolver return Performance related to #1detailPage and when going #2detailPage it’s return Performance related to #2detailPage and that way

resolver service.ts

export class ResolverService implements Resolve<any> {
  constructor( private http: HttpClient) { }

  resolve(route: ActivatedRouteSnapshot){
    let id = route.paramMap.get('id');
    return this.http.get('http://test.com/related#1detailPage')
  }
}

in above code i have 4 different api address (http://test.com/related#1detailPage) for 4 type detailpage

Thanks

Posts: 1

Participants: 1

Read full topic

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