@mateuspetter wrote:

Hello,

I’m having some issues with my project and for that reason I want to get an old build from my Ionic Pro, can I git clone it into my project?

Posts: 1

Participants: 1

Read full topic

@ThunderBirdsX3 wrote:

I got this error.

{"_body":{"isTrusted":true},"status":0,"ok":false,"statusText":"","headers":{},"type":3,"url":null}

When try to get data from local server.

I ever got problem like this when use POST method with Content-type: application/json. It about CORS and I already solve this problem.

But why It happen with GET method. Or I made some thing wrong, I try with Postman it was fine.

This is my code

  get(uri) : Promise<any> {

    let options = new RequestOptions({
      headers: new Headers({
        'Authorization' : 'Bearer ' + this.user.data.access_tokens
      })
    });
    let end_point = this.api_server + uri;
    console.log('GET : ' + end_point);
    // console.log(JSON.stringify(options));

    return this.http.get(end_point,  options)
    .toPromise()
    .then(response => Promise.resolve(response.json()) )
    .catch(error =>  Promise.reject(error) );

  }

But POST method didn’t get any error.

  post(uri, data) : Promise<any> {

    let options = new RequestOptions({
      headers: new Headers({
        'Content-Type': 'application/json',
        'Authorization' : 'Bearer ' + this.user.data.access_tokens
      })
    });
    let end_point = this.api_server + uri;
    console.log('POST : ' + end_point, JSON.stringify(data));
    // console.log(JSON.stringify(options));

    return this.http.post(end_point, data, options)
    .toPromise()
    .then(response => Promise.resolve(response.json()) )
    .catch(error =>  Promise.reject(error) );
  }

ionic info

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

@ionic/cli-utils  : 1.18.0
ionic (Ionic CLI) : 3.18.0

global packages:

cordova (Cordova CLI) : 6.5.0

local packages:

@ionic/app-scripts : 3.1.0
Cordova Platforms  : ios 4.5.3
Ionic Framework    : ionic-angular 3.9.2

System:

ios-deploy : 1.9.2
ios-sim    : 6.1.2
Node       : v6.11.0
npm        : 5.5.1
OS         : macOS High Sierra
Xcode      : Xcode 9.1 Build version 9B55

Environment Variables:

ANDROID_HOME : not set

Misc:

backend : legacy

Ps. http is @angular/http

Posts: 1

Participants: 1

Read full topic

@oriongunning wrote:

Hello All,

I’m trying to hide or move a modal out of view but not close it. And then the ability to bring in back in position. Is it possible?

The reason is, I use a modal to show my video conversation, which works fine, but then I cannot continue chatting or interacting with my app anymore unless I dismiss the modal which closes the call.

Or maybe, I’m approaching this problem the wrong way? Is there another way to achieve this?

In all case, thanks for your answer(s).

Posts: 1

Participants: 1

Read full topic

@geshd91 wrote:

Hi friends,

I want to host my ionic project as website and force my website to be in mobile view always (as how it looks when we open the device mode in chrome browser.). I tried to change viewport setting in index.html, but doesn’t work at all. Any idea can force the website to be in mobile view?

Thanks

Posts: 1

Participants: 1

Read full topic

@yeshwanthvshenoy wrote:

I am new to Ionic framework. Just getting started with building some simple apps. I understand that both Ionic css and Bootstrap are actually complementary. But I would like to know if we can actually use bootstrap inside Ionic? Will there be any performance issues or conflicts?

Posts: 2

Participants: 2

Read full topic

@satyanarayana_anax wrote:

ui want to hide the opened ion-fab menu list when click on out side of the menu in ionic2

Posts: 1

Participants: 1

Read full topic

@Siwo wrote:

Hi,
i’m trying to use geolocation on android.
Using Ionic Diagnostic makes me see that I have all the permissions regarding Locations.
But everytime on emulator or on android device, i get an empty array for positions.
I use ‘@ionic-native/geolocation’ and no result.
Then I tried to use HTML5 navigator.getCurrentPosition and nothing happens as if i never came into the code.

      navigator.geolocation.getCurrentPosition(this.success, this.error, {
        enableHighAccuracy: true,
        timeout: 0,
        maximumAge: 0
      });
  success(pos) {
//Use data show alert
  };

  error(error) {
//Use data show alert
  };

I’m trying to contribute. Is this a CORS problem ?

Ionic Info

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

    @ionic/cli-utils  : 1.18.0
    ionic (Ionic CLI) : 3.18.0

global packages:

    cordova (Cordova CLI) : 7.1.0

local packages:

    @ionic/app-scripts : 3.1.2
    Cordova Platforms  : android 6.3.0
    Ionic Framework    : ionic-angular 3.9.2

System:

    Android SDK Tools : 26.1.1
    Node              : v9.1.0
    npm               : 5.5.1
    OS                : macOS High Sierra
    Xcode             : Xcode 9.1 Build version 9B55

Environment Variables:

    ANDROID_HOME : /Users/alencastry/Library/Android/sdk

Misc:

    backend : pro

Posts: 1

Participants: 1

Read full topic

@flycoders_sourav wrote:

i want to implement find nearby location. i getting current lat lng but map is not loading

.ts

export class HomePage {

  @ViewChild('map')
  mapElement: ElementRef;

  map:any;
  latLng:any;
  markers:any;
  mapOptions:any;

  isKM:any=500;
  isType:any="";

  constructor(private ngZone: NgZone, private geolocation : Geolocation) { }

  ionViewDidLoad() {
    this.loadMap();
  }

  loadMap(){

    this.geolocation.getCurrentPosition().then((position) => {

      this.latLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
     alert(this.latLng)
      this.mapOptions = {
        center: this.latLng,
        zoom: 14,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      }

      this.map = new google.maps.Map(this.mapElement.nativeElement, this.mapOptions);

    }, (err) => {
      alert('err '+err);
    });

  }
}

HTML:

ion-content padding>
  <div #map id="map"></div>
</ion-content>

index.html
<script src="http://maps.google.com/maps/api/js?key=My api here&libraries=places"></script>

please help m,e anyone.

Posts: 1

Participants: 1

Read full topic

@dipankar123 wrote:

hi guys,
facing some problem,
i am getting value as 2017-08-02T00:00:00 from API
i want to show date and time separately in browser
here is my code:
in .html:

Date

Status

{{item.AttendanceDate}}

{{item.Remarks}}

and this is my .ts file:
import { Component } from ‘@angular/core’;
import { IonicPage, NavController, NavParams } from ‘ionic-angular’;
import { UserProvider } from ‘…/…/providers/user/user’;
import { Storage } from ‘@ionic/storage’;
//import { Subject } from ‘rxjs/Subject’;

@IonicPage()
@Component({
selector: ‘page-subject-details’,
templateUrl: ‘subject-details.html’,
})
export class SubjectDetailsPage {

subject: any;
attendenceList: any;
user: any;
item: any
constructor(public navCtrl: NavController,
public navParams: NavParams,
public storage: Storage,
public userProvider: UserProvider, ) {

  this.storage.get('token').then((value) => {
    console.log('Token : ' + JSON.parse(value));
    console.log('Name : ' + JSON.parse(value).Name);
    this.user = JSON.parse(value);

  })

this.subject = navParams.get('item');

console.log('sub:'+this.subject);
this.subjectAttendence();

}

subjectAttendence() {
console.log(‘subject clicked’);
this.storage.get(‘token’).then((value) => {
console.log('subtoken: ’ + JSON.parse(value).AuthToken);
this.userProvider.subjectBasedAttnd(JSON.parse(value).AuthToken, this.subject.SubjectID).then(data => {
console.log('list: ’ + data)
this.attendenceList = data;
});
});
}

ionViewDidLoad() {

console.log('ionViewDidLoad SubjectDetailsPage');

}

}

Posts: 2

Participants: 2

Read full topic

@theitteam wrote:

I have an ionic app which has tabs and authentication, the auth works perfectly but when logging out the tabs still display. Here is my login method:

this.authProvider.loginUser(email, password).then(
authData => {
this.loading.dismiss().then(() => {
this.navCtrl.setRoot(TabsPage);
});
And here is my logout method:

logOut(): void {
this.authProvider.logoutUser().then(() => {
this.navCtrl.setRoot(‘LoginPage’);
});
}
Any help appreciated

Posts: 1

Participants: 1

Read full topic

@temohpab wrote:

I have this error when i compile the apk in --prod mode

Error: Metadata version mismatch for module C:/Users//node_modules/@ionic-native/network/index.d.ts, found version 4, expected 3

But in debug mode works

Posts: 1

Participants: 1

Read full topic

@amalio wrote:

Hi,

I’m using example code on iOS 11.1.1

testOn(): void {
    this.speechRecognition.startListening({language:'en-EN'})
      .subscribe(
        (matches: Array<string>) => console.log(matches),
        (onerror) => console.log('error:', onerror)
      )

  }

 testOff(): void {
    this.speechRecognition.stopListening().then(() => console.log('stopped'));
  }

Recognition works perfectly, start, stop, and getting matches, but if click testOn() and testOff() and you do not say anything you getting this (normal) API error:

Error Domain=kAFAssistantErrorDomain Code=203 "Retry"
            UserInfo={NSLocalizedDescription=Retr![ios_top_spinning_wheel|638x130](upload://AtMTML6fLjeKyOmSgqyrCNUNw5b.png)y, NSUnderlyingError=0x1c42403f0 {Error Domain=SiriSpeechErrorDomain
            Code=1 "(null)"}}

Ok, this is as excepted, but when this error occurs something in background it seems to be running. because the iOS top screen spinning wheel appear and never quits. In fact the only way for wheel disappear is by restarting the terminal…

Thanks!

Posts: 1

Participants: 1

Read full topic

@RehamRh wrote:

I’m using a slider inside a modal and i have a list inside each slide .I want to generate the next slide once the user clicks on the list item and navigate to that slide automatically.

Every thing is working fine , but once i click on the list item , the slide is generated but i have to click again in order to go to the next slide .
How can i achieve that in one click , generating the slide and navigating to it.

<ion-slides #slider >
<ion-slide *ngFor=“let cate of arrayOfData;”>

<ion-item *ngFor=“let item of cate; let i=index ;” (click)=“getNext(item.name,item.id)”>
{{item.name}}

getNext(selectedName,selectedID){
this.currentIndex = this.slides.getActiveIndex();
this.nextIndex=this.currentIndex+1;
this.subCate=[{name:‘sub1’,id:25},{name:‘sub2’,id:30}];
//Add new array to the slides
this.arrayOfData[this.nextIndex]=this.subCate;
this.slides.update();
this.slides.slideNext(500, true);

}

Posts: 1

Participants: 1

Read full topic

@borgmansp wrote:

Hello,

I am using the Ionic Native cordova-network-information-plugin.
This gives me the connection when it changes, but it’s not triggering from 2g to 4g.
What I noticed is that my connection doesn’t first disconnect after reconnecting, it just switches from 2g to 4g.

FYI: In my app I assume 2g as offline (as I’m sending images etc to an API) so I really need the event to switch back to online when connected to 4g.

This is my package.json:
},
“dependencies”: {
"@angular/animations": “4.4.4”,
"@angular/common": “4.4.4”,
"@angular/compiler": “4.4.4”,
"@angular/compiler-cli": “4.4.4”,
"@angular/core": “4.4.4”,
"@angular/forms": “4.4.4”,
"@angular/http": “4.4.4”,
"@angular/platform-browser": “4.4.4”,
"@angular/platform-browser-dynamic": “4.4.4”,
"@angular/platform-server": “4.4.4”,
"@ionic-native/app-version": “4.3.1”,
"@ionic-native/camera": “4.3.1”,
"@ionic-native/core": “4.3.1”,
"@ionic-native/device": “4.3.1”,
"@ionic-native/email-composer": “4.3.1”,
"@ionic-native/file": “4.3.1”,
"@ionic-native/ftp": “4.3.1”,
"@ionic-native/launch-navigator": “4.3.1”,
"@ionic-native/local-notifications": “4.3.1”,
"@ionic-native/network": “4.3.1”,
"@ionic-native/splash-screen": “4.3.1”,
"@ionic-native/sqlite": “4.3.1”,
"@ionic-native/status-bar": “4.3.1”,
"@ionic/storage": “2.0.1”,
"@ngrx/core": “1.2.0”,
"@ngrx/store": “4.0.3”,
“angular2-elastic”: “0.13.0”,
“angular2-signaturepad”: “2.6.1”,
“async”: “^2.5.0”,
“cordova”: “^7.1.0”,
“cordova-android”: “^6.4.0”,
“cordova-ios”: “~4.5.1”,
“cordova-plugin-actionsheet”: “2.3.3”,
“cordova-plugin-app-event”: “1.2.1”,
“cordova-plugin-app-version”: “0.1.9”,
“cordova-plugin-camera”: “2.4.1”,
“cordova-plugin-compat”: “^1.2.0”,
“cordova-plugin-console”: “1.1.0”,
“cordova-plugin-datepicker”: “~0.9.3”,
“cordova-plugin-device”: “1.1.6”,
“cordova-plugin-email-composer”: “0.8.10”,
“cordova-plugin-file”: “4.3.3”,
“cordova-plugin-file-transfer”: “^1.6.1”,
“cordova-plugin-filepath”: “1.1.0”,
“cordova-plugin-ftp”: “1.0.3”,
“cordova-plugin-hockeyapp”: “5.0.1”,
“cordova-plugin-network-information”: “^1.3.4”,
“cordova-plugin-sim”: “~1.3.3”,
“cordova-plugin-splashscreen”: “^4.0.1”,
“cordova-plugin-statusbar”: “2.2.3”,
“cordova-plugin-whitelist”: “1.3.2”,
“cordova-sqlite-storage”: “2.0.4”,
“cordova-windows”: “5.0.0”,
“de.appplant.cordova.plugin.local-notification”: “0.8.5”,
“font-awesome”: “4.7.0”,
“ion-multi-picker”: “2.1.2”,
“ionic-angular”: “^3.7.1”,
“ionic-plugin-keyboard”: “2.2.1”,
“ionicons”: “3.0.0”,
“lie”: “3.1.1”,
“lodash”: “4.17.4”,
“moment”: “2.18.1”,
“moment-timezone”: “0.5.13”,
“pouchdb”: “6.3.4”,
“pouchdb-adapter-cordova-sqlite”: “2.0.2”,
“pouchdb-adapter-websql-core”: “6.2.0”,
“pouchdb-browser”: “6.3.4”,
“pouchdb-core”: “6.3.4”,
“pouchdb-find”: “^6.3.4”,
“pouchdb-promise”: “6.3.4”,
“reflect-metadata”: “0.1.10”,
“rxjs”: “5.4.3”,
“sw-toolbox”: “3.6.0”,
“uk.co.workingedge.phonegap.plugin.launchnavigator”: “4.0.6”,
“zone.js”: “0.8.18”
},
“devDependencies”: {
"@ionic/app-scripts": “3.0.0”,
"@types/async": “2.0.44”,
"@types/moment-timezone": “0.5.0”,
"@types/pouchdb": “6.3.1”,
"@types/rx": “^4.1.1”,
“codelyzer”: “3.2.1”,
“tslint”: “5.7.0”,
“typescript”: “2.5.3”,
“xml2js”: “^0.4.19”
},

Anybody has any ideas what might be wrong?

Thanks!

Posts: 1

Participants: 1

Read full topic

@mithun146 wrote:

I just deployed an Ionic app in Ionic Pro and am getting the below error. but when I compile and run the app locally it works fine. but this issue is when I tried accessing from Ionic view app after deploying to ionic Pro.

image.jpg750x1334 158 KB

auth.ts

googleSigninwithRedirectv2(): Promise<any> {
    let provider = new firebase.auth.GoogleAuthProvider();
    //provider.addScope('https://www.googleapis.com/auth/contacts.readonly');
    firebase.auth().signInWithRedirect(provider);
    return firebase.auth().getRedirectResult();
  }

Login.ts

 googleLogin():void {

  this.authProvider.googleSigninwithRedirectv2()
    .then(function (authData) {

      this.navCtrl.setRoot(TabsPage);

    }).catch(function (error) {
      console.log(error);
    });
  }

$ ionic -v
3.13.2

Posts: 1

Participants: 1

Read full topic

@hoangphan92 wrote:

My code:
login.html:

<ion-item class="select-item" *ngIf="languages">
      <ion-select cancelText="{{ 'Cancel' | translate }}" (ionChange)="applyLanguage()" [(ngModel)]="selectedLanguage" interface="action-sheet">
           <ion-option value= {{item.code}} *ngFor="let item of languages">{{ item.name | translate }} </ion-option>
     </ion-select>
 </ion-item>

login.ts

ionViewDidLoad() {
    this.storage.get('selectedLanguage').then((selectedLanguage) => {
      if (selectedLanguage) {
        this.selectedLanguage = selectedLanguage;
        console.log('lang1',this.selectedLanguage);
      } else {
        this.selectedLanguage = sysOptions.systemLanguage;
        console.log('lang2',this.selectedLanguage);
      }
      this.translate.use(this.selectedLanguage);
    });
  }

It’s work when I tap ion-select ( applyLanguage funtion) but before I reload brower and login view reload and ion-option not translate.

Posts: 1

Participants: 1

Read full topic

@ccdex_chris wrote:

I am beyond frustrated and confused on how the DeepLinkConfig works. There’s not much documentation for it.

I’ve been working on an app with over 70+ pages, 50+ components and 30+ providers for awhile now. One of the last features we need is Deeplinking. We are going to use the app as a PWA as well as a native app, so we need to be able to link users to specific pages while passing in params.

I found the ionic-conference-app. It works… pressing the back button in a browser worked, the view changed along with the URL… and going to a specific URL worked too. it loaded the correct tab at the correct page. Everything I wanted. This gave me hope.

I tried creating a new app, ionic start deeplinkTest tabs --cordova and setup a few links just to make sure I could replicate this:

IonicModule.forRoot(MyApp, {}, {
      links: [
        { component: TabsPage, name:'TabsPage', segment: 'tabs' },
        { component: AboutPage, name:'AboutPage', segment: 'about-page' },
        { component: ContactPage, name:'ContactPage', segment: 'contact-page' },
        { component: HomePage, name:'HomePage', segment: 'home-page' }
      ]
    })

This does not work.

Why?

I have scoured the ionic-conference-app looking for clues on how they get the deeplinks to work… I cannot find anything. I don’t get it. I am beyond frustrated. I’ve looked at countless forum threads and git issues with no real solution.

Does ANYONE know how this works and how I can get it to work like the ionic-conference-app?

If it helps, here is the deeplinkTest package… and my ionic info.

Tabs Starter package.json:

{
  "name": "deeplinkTest",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/common": "5.0.1",
    "@angular/compiler": "5.0.1",
    "@angular/compiler-cli": "5.0.1",
    "@angular/core": "5.0.1",
    "@angular/forms": "5.0.1",
    "@angular/http": "5.0.1",
    "@angular/platform-browser": "5.0.1",
    "@angular/platform-browser-dynamic": "5.0.1",
    "@ionic-native/core": "4.4.0",
    "@ionic-native/splash-screen": "4.4.0",
    "@ionic-native/status-bar": "4.4.0",
    "@ionic/storage": "2.1.3",
    "ionic-angular": "3.9.2",
    "ionicons": "3.0.0",
    "rxjs": "5.5.2",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.18"
  },
  "devDependencies": {
    "@ionic/app-scripts": "3.1.2",
    "typescript": "2.4.2"
  },
  "description": "An Ionic project"
}

My Ionic Info:

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

    @ionic/cli-utils  : 1.18.0
    ionic (Ionic CLI) : 3.18.0

global packages:

    cordova (Cordova CLI) : 7.1.0

local packages:

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

System:

    ios-deploy : 1.9.2
    ios-sim    : 5.0.6
    Node       : v8.9.1
    npm        : 5.5.1
    OS         : macOS Sierra
    Xcode      : Xcode 9.0 Build version 9A235

Environment Variables:

    ANDROID_HOME : not set

Misc:

    backend : legacy

Posts: 1

Participants: 1

Read full topic

@narasimham3 wrote:

when i push the page that page back button not work in ionic2?

Posts: 1

Participants: 1

Read full topic

@keni2415 wrote:

I want to pass the shopping cart data through the form

	    <div ng-repeat="item in cart">
            <form name="loginform" novalidate class="css-form">
                 <label class="item item-input" style="margin-bottom: 1px; border: none; border-bottom-style: solid; border-bottom-color: #cecece; border-bottom-width: 1px">
                 <input type="text" placeholder={{item.cart_item_comment}} ng-model="user.id" required>
                 </label>
           </form>
        </div>

		<div id="button_center" ng-controller="cartCtrl">
          <button class="button button-block button-calm" style="width: 100px; margin-right: 2px; background: orange" ng-click="checkout(user)">payment</button>
          <button class="button button-block button-calm" style="width: 100px; margin-left: 2px; background: orange" back>back</button>
        </div>

Running a form with a value causes undefined

Posts: 1

Participants: 1

Read full topic

@01687072421 wrote:

I use plugin cordova-firebase-plugin to auth with phone number https://github.com/arnesson/cordova-plugin-firebase.here is my code:
(window).FirebasePlugin.getVerificationID("+573123456789", id => {
console.log("verificationID: " + id);
this.verificationId = id;
}, error => {
console.log("error: " + error);
});
but when i run on android phone i had error: invalid action!
anyone help me resloved this problem?thanks so much!

Posts: 1

Participants: 1

Read full topic