@himansuahm wrote:

I create one demo app using ionic based on angular 7 project.
When build that for web & run on browser than shown all ionic tags like ion-header,ion-buttons…
So is there any way to remove that tags for web build?

Posts: 1

Participants: 1

Read full topic

@Hammad6264 wrote:

Hey All Guys, hope you all will be fine.
Actually I am working with Ionic and wordpress. I want to display posts categories, and I get this. But the problem is I want to pass the posts according to their categories.
See my .ts file

 constructor(public navCtrl: NavController, public navParams: NavParams, public storage: Storage, public modalCtrl: ModalController, private events: Events, private ngZone: NgZone, private api: ApiProvider) {
    console.log(this.navParams.get('cat_id'))
    if (this.navParams.get('cat_id')!=null && this.navParams.get('cat_id') !=undefined) {
      this.category_id = this.navParams.get('cat_id');
    }
openPages(cat_id:number = 0) {
   this.navCtrl.setRoot(BlogsPage, {cat_id: cat_id})
  }

.html

<ion-list>
  <ion-item *ngFor="let cat of api.Categories" text-wrap (click)="openPages(cat_id)" menuClose>  
 <h2> {{ cat.name }} </h2>
</ion-item>
</ion-list> 

Please help???

Posts: 1

Participants: 1

Read full topic

@dipankar123 wrote:

hellow guys,
i have made a checkbox/radio alert by this

let alert = this.alertCtrl.create({
      title: 'Are you Sure?',
      message: 'A Acknowledgement will be created',
    });
    this.ServiceCallPriority.forEach(element => {
      alert.addInput({
        type: 'radio',
        label: element.servicecallpriority1,
        value: element.id,
        name: element.id,
      })
    });
    alert.addButton({
      text:'Okay',
      handler:()=>{
        console.log(value)//<--how can i get checkbox/radio alert value here        
      }
    })
    alert.present();

please help

Posts: 1

Participants: 1

Read full topic

@wisespira7 wrote:

On start up my splash screen will freeze round 1/10 times on start up. After updating I’ve the number of incidents has increased, anyone encountered this or have any thoughts?

Ionic:

ionic (Ionic CLI) : 4.5.0 (C:\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : ionic-angular 3.9.2
@ionic/app-scripts : 3.1.10

Cordova:

cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : android 6.3.0, ios 4.5.5
Cordova Plugins : not available

System:

Android SDK Tools : 26.1.1 (C:\AppData\Local\Android\Sdk)
NodeJS : v8.11.3 (C:\Program Files\nodejs\node.exe)
npm : 6.4.1
OS : Windows 10

Plugins:
“com.xmartlabs.cordova.market”: “^1.2.0”,
“cordova-android”: “6.3.0”,
“cordova-ios”: “4.5.5”,
“cordova-launch-review”: “^3.1.1”,
“cordova-plugin-app-version”: “^0.1.9”,
“cordova-plugin-appavailability”: “^0.4.2”,
“cordova-plugin-cookieemperor”: “^1.0.0”,
“cordova-plugin-crypt-file”: “^1.3.3”,
“cordova-plugin-datepicker”: “^0.9.3”,
“cordova-plugin-device”: “^2.0.2”,
“cordova-plugin-dialogs”: “^2.0.1”,
“cordova-plugin-email-composer”: “^0.8.15”,
“cordova-plugin-fcm”: “^2.1.2”,
“cordova-plugin-file”: “^6.0.1”,
“cordova-plugin-google-analytics”: “^1.8.6”,
“cordova-plugin-googlemaps”: “^2.4.6”,
“cordova-plugin-inappbrowser”: “^3.0.0”,
“cordova-plugin-market”: “^1.2.0”,
“cordova-plugin-network-information”: “^2.0.1”,
“cordova-plugin-splashscreen”: “^5.0.2”,
“cordova-plugin-statusbar”: “^2.4.2”,
“cordova-plugin-whitelist”: “^1.3.3”,
“cordova-plugin-x-socialsharing”: “^5.4.1”,
“es6-promise-plugin”: “^4.1.1”,
“ionic-angular”: “3.9.2”,
“ionic-plugin-keyboard”: “^2.2.1”,

Posts: 1

Participants: 1

Read full topic

@DipakJain wrote:

Hi Everyone,

Ionic info:

Ionic:

   ionic (Ionic CLI)  : 4.2.1 (/usr/local/lib/node_modules/ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.1

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : android 7.0.0, ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-webview 2.3.1, (and 10 other plugins)

System:

   ios-deploy : 1.9.2
   NodeJS     : v8.11.4 (/usr/local/bin/node)
   npm        : 6.4.1
   OS         : macOS
   Xcode      : Xcode 10.1 Build version 10B61

Cordova plugin list:

cordova-fabric-plugin 1.1.14-dev "cordova-fabric-plugin"
cordova-plugin-app-version 0.1.9 "AppVersion"
cordova-plugin-device 1.1.7 "Device"
cordova-plugin-firebase 2.0.5 "Google Firebase Plugin"
cordova-plugin-ionic-webview 2.3.1 "cordova-plugin-ionic-webview"
cordova-plugin-network-information 2.0.1 "Network Information"
cordova-plugin-splashscreen 4.1.0 "Splashscreen"
cordova-plugin-whitelist 1.3.3 "Whitelist"
cordova-plugin-x-toast 2.7.2 "Toast"
cordova-sqlite-storage 2.5.2 "Cordova sqlite storage plugin"
ionic-plugin-keyboard 2.2.1 "Keyboard"

I am trying to call Restful API which is written in .Net. By using HttpClientModule.
When I run it on iOS simulator with below configuration:

iPhone 6.png750x1334 53.9 KB

I am getting below error:

The certificate for this server is invalid. You might be connecting to a server that is pretending to be “example.com” which could put your confidential information at risk.
[Error] XMLHttpRequest cannot load https://example.com/api/auth due to access control checks.

I am using Xcode Version 10.1 (10B61).

Also, I tried them with

$ ionic cordova plugin add cordova-plugin-advanced-http
$ npm install --save @ionic-native/http

Still, I am getting the same problem.

Please guide me to resolve this issue.

Thanks in advance.

Posts: 1

Participants: 1

Read full topic

@christoandrew wrote:

Posts: 1

Participants: 1

Read full topic

@MohanKestrel wrote:

hi, I am starting a project to detect motion in smart bands like mi band, and save the motion data. I need to detect the motion and display it. is it possible in Ionic app. Can someone help me to do it. I need a start to do it.

Posts: 1

Participants: 1

Read full topic

@nature225 wrote:

Happy new year everyone,

one question. I have a http post request.

But i dont know, how to get Athentication Bearer Key from header into a variable?

Anyone can help

Posts: 1

Participants: 1

Read full topic

@Mutondit wrote:

Greetings all and Happy New Year!

I have just created and deployed a PWA to firebase hosting. I have designed it for mobile and how can I redirect desktop users to another page like google.com

Posts: 1

Participants: 1

Read full topic

@zigou wrote:

Hello, I’m looking for the same opening system but for IONIC 3, if someone can help me, thank you

Posts: 1

Participants: 1

Read full topic

@fiedl wrote:

Happy new year everyone!

I have an ionic-3 app for iOS and Android that requires large assets, in total about 300 MB of mostly images. The app needs to work without cellular or wifi connection, which is why I can’t download the assets on demand.

Unfortunately, Google limits the size of the APK file to 150 MB. Is there a standard way to deal with this situation?

I’ve found the https://github.com/agamemnus/cordova-plugin-xapkreader. Unfortunately, this would only work for Android. Before inventing some kind of iOS/Android switch, I was wondering if somebody knew a better way. Thanks!

Posts: 1

Participants: 1

Read full topic

@devpassion96 wrote:

Hi, i am new to ionic. Am currently developing a blood-Type donation app.
But i want to create Charts to monitor how many people are of a particular blood-type and perhaps capture there locations. I definitely need some help with this.
Looking foward to your guide. Thanks in advance!!

model.ts
export interface Person{
//
key?:string;
name: string;
location: string;
age: number;
bloodType: string;
conscent: string;
tel:string;
email: string;
}

add-person.ts
import { Component, OnInit } from ‘@angular/core’;
import { IonicPage, NavController, NavParams, ToastController,
ViewController, LoadingController, AlertController } from ‘ionic-angular’;
import { FormGroup, FormControl, Validators } from “@angular/forms”;

import { Person } from “…/…/models/persons”;
import { PersonsService } from ‘…/…/services/persons’;
import { AuthService } from ‘…/…/services/auth’;
import { PersonsPage } from ‘…/persons/persons’;
import { HomePage } from ‘…/home/home’;

// @IonicPage()
@Component({
selector: ‘page-add-person’,
templateUrl: ‘add-person.html’,
})
export class AddPersonPage {

selectOptions = ['O+','O+','A+','A-','B+','B-','AB+','AB-'];

conscent = ['Yes', 'No'];

  personsPage=PersonsPage;

    person: Person = {
    name: ' ',
    location: ' ',
    email:' ',
    age: null,
    bloodType: ' ',
    conscent: ' ',
    tel: ' ',
  };

  constructor(
    public navCtrl: NavController,public toastCtrl: ToastController,
    public navParams: NavParams,public viewCtrl: ViewController,
    private personListService: PersonsService) {
      console.log(this.conscent.length);
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad AddNotePage');
  }

  addPerson(person: Person) {
    const toast = this.toastCtrl.create({
          message: 'Donor Successfully Registered',
            duration: 2000
          });
          toast.present();

    this.personListService.addPerson(person).then(ref => {
      this.navCtrl.setRoot(HomePage);
    })
  }

onCancel(){
this.viewCtrl.dismiss();
}
}

Posts: 1

Participants: 1

Read full topic

@patrick-ulster wrote:

Ionic Inputs
When using an input item (<ion-input>) on IOS, I am getting the following problem where a black inner border is appearing within the field once you tap on the area. This happens only on IOS, that I know of. It doesn’t happen in Web View on Chrome, Firefox or Safari.
The item code is as follows,

<ion-item class="no-padding-top">
    <ion-input type="text" placeholder="email@example.com"></ion-input>
</ion-item>

I did see a similar post regarding this border at “Hide ion-input validation border”, and I used the CSS suggest by @basha1991 (see here) . Sadly this did not work for me, and has only removed the focus bottom border that I was using.

Here is the output of the ionic info command, https://paste.stuf.io/tajabamodu
You can see a GIF of what is happening below,

Posts: 1

Participants: 1

Read full topic

@lsantaniello wrote:

Hi guys,
At startup, If the new data is available backend side, I need to retrieve data and push it into local storage.

What is the best solution for this requirement?

1. introduce the logic into splash screen page with loading.
2. redirect the user into a new page (after splash screen) where I check if the data is available

Eventually, have you a quick example to implement this?

Let me know your feedbacks about this requirement.

Thanks in advance
Luca

Posts: 1

Participants: 1

Read full topic

@marlonpatrick10 wrote:

In Ionic v4 is still recommended the use of Events API (@ionic/angular)? Or would it be better to use something like Subject (RxJs)?

Events API will be maintained in future releases?

Any recommendations on when to use Events vs Subject?

Posts: 1

Participants: 1

Read full topic

@cemkocagoz wrote:

Hello,
Im working on a project with ionic(v4)+angular+angular material. Im trying to export apk but i have a problem. i tried several emulators for testing. But i got white screen after splash screen on android 4.4, 5.0 and 6.0. But it also works well on android 7, 8, 9. my config.xml has these line;

<preference name="android-minSdkVersion" value="19" />

downloaded sdk 19 with android studio.
removed android platform and installed again for several times.
Please help me if you know any solution. If you need to know anything about project just ask me.

Posts: 1

Participants: 1

Read full topic

@ashutosh10g wrote:

Sometimes the click event on ion-item trigger fast and sometimes i have re-click twice to trigger the click event on the same page.

I am facing the issue in below template UI page

<ion-header>
    <ion-toolbar color="primary">
      <ion-buttons slot="start"> 
        <ion-menu-button></ion-menu-button>
      </ion-buttons>
    <ion-title> {{ exname | uppercase }} </ion-title> 
    <ion-buttons   slot="primary"  *ngIf="id" (click)="goback()">
        <ion-button [disabled]="disableButton || loading" shape="round" fill="outline" color="medium"><ion-icon name="ios-arrow-back" size="large"></ion-icon>Back</ion-button>
    </ion-buttons> 
  </ion-toolbar> 
</ion-header> 
<ion-content>  
   <ion-spinner *ngIf="loading"></ion-spinner>  
  <div *ngFor="let el of exlists">   
        <ng-template [ngIf]="!el.content && el.menu_icon2=='noimg.jpg'">
            <ion-card class="card">
              <ion-item  (click)="showLoading()"  [routerLink]="disableLink ? null : ['/home',el.id,el.menu_name]" > 
                <ion-thumbnail slot="start">   
                    <img class="round"  style="height:48px;" src="https://www.xxxx.com/uploads/icons/{{el.menu_icon}}"/>
                </ion-thumbnail>
                <ion-label> 
                    {{el['menu_name' + setTextLang]}} 
                  </ion-label>
                <ion-icon style="color:#363640" name="ios-arrow-forward"></ion-icon>
              </ion-item>  
            </ion-card>
          </ng-template>
        <ng-template [ngIf]="el.content && el.menu_icon2 !=='noimg.jpg'">
            <ion-list class="card"> 
            <ion-item   (click)="showLoading()" [routerLink]="disableLink ? null :['/exercise',el.id,el.menu_name]"> 
              <ion-thumbnail slot="start"> 
                  <img class="round" style="height:48px;" src="https://www.xxxx.com/uploads/icons/{{el.menu_icon}}"/>
                </ion-thumbnail>
              <ion-label>{{el.menu_name | uppercase }}</ion-label>
              <ion-icon style="color:#363640" name="ios-arrow-forward"></ion-icon>
            </ion-item> 
          </ion-list>
        </ng-template>  
  </div> 
</ion-content>

TS file

import { Component, OnInit, OnDestroy} from '@angular/core';
import { ResService } from '../res.service';
import { ActivatedRoute, Params } from '@angular/router';
import { Subscription } from 'rxjs';
import { NavController, ToastController } from '@ionic/angular';
import { TextToSpeech } from '@ionic-native/text-to-speech/ngx';
import { DataService } from '../data.service';
import { NativeStorage } from '@ionic-native/native-storage/ngx';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss']
})
export class HomePage implements OnInit, OnDestroy {
  public exlists;
  showMyElement = false;
  private weightTrainingUrl =
  'https://webservice.xxxx.com/Exercise/show/kid/23sfsdsa8797ssdii/mid/107/pid/0';
 // 'http://192.168.43.113/restful/Exercise/show/kid/23sfsdsa8797ssdii/mid/107/pid/0';
  id: number;
  exname: string;
  loading = true;
  clickcount: number;
  disableButton = false;
  disableLink = false;

  setLang: string;
  setTextLang: string;
  paramsHomeSubscription: Subscription;


  constructor(
    private _service: ResService,
    private _dataservice: DataService,
    private route: ActivatedRoute,
    private navCtrl: NavController, private toastController: ToastController,
    private tts: TextToSpeech,
    private nativeStorage: NativeStorage

  ) {
    this.clickcount = 0;
    // stop sound if previously playing
    this.tts.speak('').then(_ => {
      this.tts.stop();
    });
    // this.id = this.route.snapshot.params['id'];
    // this.exname = this.route.snapshot.params['name'];
    this.paramsHomeSubscription = this.route.params.subscribe(
      // subscribe method takes three parameters
      (params: Params) => {
        this.id = params['id'];
        this.exname = params['name'];

      }
    );
        // check sound mute status in cache
        this.nativeStorage.getItem('setLang').then(d => {
         // this.setLang = d === null ? 'en' : d;
          if (d === 'pt') { // portuguess
            this.setTextLang = '_' + d;
            this.setLang = d;
          } else {
            this.setTextLang = '';
          }
        });
        if (this.setLang == null) {
          this.setTextLang = '';
        }

    this.getDetails();
  }

  async presentToast(message) {
    const toast = await this.toastController.create({
      message: message,
      duration: 4000,
      animated: true
    });
    toast.present();
  }

  async getDetails() {
    // check if it is parent or it is not
    if (this.id) {
      const url2 =
      'https://webservice.xxxx.com/Exercise/show/kid/23sfsdsa8797ssdii/mid/' + this.id;
     // 'http://192.168.43.113/restful/Exercise/show/kid/23sfsdsa8797ssdii/mid/' + this.id;
      this._service.getResource(url2).subscribe(data1 => {
        this.loading = false;
        this.exlists = data1.articleList;
      });
    } else {
      this.exname = 'Weight Training';
      this.getWtExercises();
    }
  }

  async goback() {
    this.clickcount = this.clickcount + 1;
    if (this.disableButton === false) {
      this.disableButton = true;
      this.navCtrl.goBack(true);
      return;
    }
    if (this.clickcount === 3) {
      this.presentToast('Please wait, you already tapped to go BACK');
      return;
    }
    if (this.clickcount > 3) {
      this.presentToast(
        'You are tapping BACK button too often. Please wait...'
      );
      return;
    }
  }

  async showLoading() {
    this._dataservice.changeMessage(this.exname);
    this.disableLink = true;
  }
  ngOnInit() {}

  async getWtExercises() {
    this._service.getResource(this.weightTrainingUrl).subscribe(data => {
      this.loading = false;
      this.exlists = data.articleList;
    });
  }

  ngOnDestroy(): void {
    this.loading = false;
    if (this.paramsHomeSubscription) {
      this.paramsHomeSubscription.unsubscribe();
    }
  }
}

package.json

{
  "name": "weightTraining",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/common": "~7.0.0",
    "@angular/core": "~7.0.0",
    "@angular/forms": "~7.0.0",
    "@angular/http": "~7.0.0",
    "@angular/platform-browser": "~7.0.0",
    "@angular/platform-browser-dynamic": "~7.0.0",
    "@angular/router": "~7.0.0",
    "@ionic-native/app-rate": "^5.0.0-beta.22",
    "@ionic-native/core": "5.0.0-beta.21",
    "@ionic-native/file": "^4.18.0",
    "@ionic-native/native-storage": "^5.0.0-beta.22",
    "@ionic-native/network": "^5.0.0-beta.22",
    "@ionic-native/social-sharing": "^5.0.0-beta.22",
    "@ionic-native/spinner-dialog": "^5.0.0-beta.22",
    "@ionic-native/splash-screen": "5.0.0-beta.21",
    "@ionic-native/status-bar": "5.0.0-beta.21",
    "@ionic-native/text-to-speech": "^5.0.0-beta.22",
    "@ionic/angular": "4.0.0-beta.16",
    "@ionic/pro": "2.0.3",
    "@ionic/storage": "^2.2.0",
    "@ngx-translate/core": "^11.0.1",
    "@ngx-translate/http-loader": "^4.0.0",
    "cordova-android": "7.1.4",
    "cordova-plugin-apprate": "1.4.0",
    "cordova-plugin-device": "^2.0.2",
    "cordova-plugin-dialogs": "^2.0.1",
    "cordova-plugin-file": "6.0.1",
    "cordova-plugin-globalization": "^1.11.0",
    "cordova-plugin-inappbrowser": "^3.0.0",
    "cordova-plugin-ionic-keyboard": "^2.1.3",
    "cordova-plugin-ionic-webview": "^2.3.1",
    "cordova-plugin-native-spinner": "1.1.3",
    "cordova-plugin-nativestorage": "^2.3.2",
    "cordova-plugin-nuance-speechkit": "2.0.1",
    "cordova-plugin-splashscreen": "^5.0.2",
    "cordova-plugin-statusbar": "^2.4.2",
    "cordova-plugin-tts": "0.2.3",
    "cordova-plugin-whitelist": "^1.3.3",
    "cordova-plugin-x-socialsharing": "5.4.3",
    "core-js": "^2.6.1",
    "es6-promise-plugin": "4.2.2",
    "ionic-cache": "^3.1.3",
    "ionic-cache-observable": "0.0.6",
    "ng2-translate": "^5.0.0",
    "rxjs": "~6.3.3",
    "rxjs-compat": "^6.3.3",
    "zone.js": "~0.8.26"
  },
  "devDependencies": {
    "@angular-devkit/architect": "~0.10.0",
    "@angular-devkit/build-angular": "^0.11.4",
    "@angular-devkit/core": "~7.0.0",
    "@angular-devkit/schematics": "~7.0.0",
    "@angular/cli": "^7.1.4",
    "@angular/compiler": "~7.0.0",
    "@angular/compiler-cli": "~7.0.0",
    "@angular/language-service": "~7.0.0",
    "@ionic/angular-toolkit": "^1.2.2",
    "@types/jasmine": "^2.8.14",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "^10.12.18",
    "codelyzer": "~4.5.0",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~3.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "^5.4.2",
    "ts-node": "~7.0.0",
    "tslint": "~5.11.0",
    "typescript": "~3.1.6"
  },
  "description": "An Ionic project",
  "cordova": {
    "plugins": {
      "cordova-plugin-apprate": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-webview": {
        "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
      },
      "cordova-plugin-ionic-keyboard": {},
      "cordova-plugin-nativestorage": {},
      "cordova-plugin-x-socialsharing": {
        "ANDROID_SUPPORT_V4_VERSION": "24.1.1+"
      },
      "cordova-plugin-native-spinner": {},
      "cordova-plugin-tts": {},
      "cordova-plugin-file": {}
    },
    "platforms": [
      "android"
    ]
  }
}

I am using
CLI 4.6.0
npm 6.4.1
Angular 6

Can you help me to make the first time click on this page responsive ! Sometimes i have to click twice to make it work!

Posts: 1

Participants: 1

Read full topic

@jacks12 wrote:

I have developed a swipeable tabs app, tabs are like FIRST TAB, SECOND TAB, THIRD TAB,
FIRST TAB contains some 4 to 5 list items with images and SECOND TAB also contains some 6 to 8 list of items with images and THIRD TAB also same respectively.

In FIRST TAB if am scrolling little upword till 2 to 3 list items and swiping to SECOND TAB, This is working correctly, at the same if am swiping from SECOND TAB to FIRST TAB it showing items from 3rd rather than showing first item from list.

If am swiping the tabs from FIRST to SECOND and SECOND to THIRD every time i wanted to display the first item in tabs

can anyone help to achieve this.
Thanks in advance.

Posts: 1

Participants: 1

Read full topic

@wibits wrote:

Hi,

   I am trying to track a route using gpx file.I searched in google.But didn't get solutions.please give me any ideas.

Thanks

Posts: 1

Participants: 1

Read full topic

@leelaprasadsahu wrote:

Ionic iOS build stuck in splash screen after first launch. Also getting white screen issue in some screens.

How to resolve this issue ?

Posts: 1

Participants: 1

Read full topic