Quantcast
Channel: Ionic Framework - Ionic Forum
Viewing all 49108 articles
Browse latest View live

Unable to modify value which is already filled in ion-input in ionic-3

$
0
0

@rhl9119 wrote:

I’m using ionic 3 and angular 2 for app development. In html pages if I enters any value in input box then it is filling correctly but if I clicks any other place on same page and again try to enter something on same input bot that time I’m unable to enter anything over there. Means I’m unable to correct some value which is already filled in ion-input.

Please help…!!!

Posts: 6

Participants: 3

Read full topic


Splash screen occurring while tap on sliding menu in android

$
0
0

@renjit wrote:

when i swipe sliding menu splash screen occurring in android ,please provide the solution on this

Posts: 1

Participants: 1

Read full topic

How to play a videos which as been downloaded in phone storage in ios simulator?

$
0
0

@MahaRamesh wrote:

How to play a videos from the application which as been downloaded in phone storage (ios)
In android the same path i have given where the video as been downloaded but when i am checking in ios simulator by giving same path where it as been downloaded it throwing an error.

Please help me out ! Thanks in advance

Posts: 1

Participants: 1

Read full topic

Create a User Profile Page FireBase

$
0
0

@iconio wrote:

Hey guys! I’m new on ionic and Firebase and I’m having a big error.

I’m creating a E-mail and Password login using Firebase as database, the login is fine, it works like it’s supposed to.

What I want is to direct the user to a Profile Page, on which will have a Username, First Name and Last Name to be entered by the user. The problem is… there is no way I can write the profile on the database, has anybody experienced something like that?

You will see on the “ionViewWillLoad” that I have been trying to get the user UID. In order for me to test it, I’ve been trying to get the user email. I can console.log the email but when I try to return it, I get [object Object]. What am I doing wrong?

Here is my code:

import { Profile } from '../../models/profile';
import { AngularFireAuth } from 'angularfire2/auth';
import { AngularFireDatabase } from 'angularfire2/database';
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';

@IonicPage()
@Component({
  selector: 'page-profile',
  templateUrl: 'profile.html',
})
export class ProfilePage {

  profile = {} as Profile;

  constructor(private afAuth: AngularFireAuth, private afDatabase: AngularFireDatabase,
              public navCtrl: NavController, public navParams: NavParams) {
  }

  ionViewWillLoad() {
    this.afAuth.authState.subscribe(auth => console.log(auth.email));
    let v = this.afAuth.authState.subscribe(auth => {return auth.email} );
    console.log("The email " + v);
  }

  createProfile() {
    this.afAuth.authState.take(1).subscribe(auth => {
          this.afDatabase.object("profile/${auth.uid}").set(this.profile)
            .then(() => this.navCtrl.setRoot('MainPage'));
    })
  }
}

Thank you sooo much!

Posts: 1

Participants: 1

Read full topic

Runtime Error/Uncaught Error: Cannot find module "@app/config" while doing Ionic Serve

AppRate plugin customization Ionic 3

$
0
0

@akr_rajkumar wrote:

I’m using AppRate plugin for 2 reason.

  1. I don’t want to give a prompt when user using the app, I have a Rate Us button, and when user clicks it, it should navigate the user directly to the store for the respective platform.
  2. Asking user to update the app when the app version is low to the current version which I get from db as response. When the current version is low, it should prompt the user to update the app. Here I need to customize the default prompt message given by AppRate plugin.

Help me on doing those things

Posts: 1

Participants: 1

Read full topic

Cannot find app when run ionic devapp

$
0
0

@HamdySdiri wrote:

I am trying to use the Dev App application. I connect my PC to a wifi access point. I connect the device to the same access point. My access point is another device. I am running ionic serve. I wait for the application to appear on the screen . The development application is not listening to the running application.
I go from my pc to a wifi access point and try to connect the device to it but nothing happens.
I uninstall the app and trying to reinstall, run again the ionic serve. nothing happens.
What I should do

Posts: 1

Participants: 1

Read full topic

Ionic alert label not display

$
0
0

@Madhawa wrote:

Ionic alert label not display

doPrompt() {
    let prompt = this.alertCtrl.create({
      title: '5 Rooms Available',
      message: "",

      inputs: [
        {   name: "Double Rooms (2)",
          label: "Single Rooms (3)",


          type:'text'

        },
        {
          label: "Single Rooms (3)",
          name: 'Single Rooms (3)',
          placeholder: '$200.00',


        },
        {
          label: 'King’s Room (0)',
          name: 'King’s Room (0)',
          placeholder: '$450.00',


        },
        {
          label: 'Queen’s Room (0)',
          name: 'Queen’s Room (0)',
          placeholder: '$450.00',


        }
      ],

      buttons: [
        {
          text: 'Cancel',
          handler: data => {
            console.log('Cancel clicked');
          }
        },
        {
          text: 'Set',
          handler: data => {
            console.log('Saved clicked');
          }
        }
      ]
    });
    prompt.present();
  }

Posts: 1

Participants: 1

Read full topic


Tabs header disapear when popping page

I'm create a bookng app show an error

$
0
0

@flycoders_sourav wrote:

when click on deals this time showing an error.i dont understand .please help me anyone.

{"_isScalar":false,"$ref":"https://my-project.firebaseio.com/deals","source":{"_isScalar":false,"$ref":"https://my-project.firebaseio.com/deals","source":{"_isScalar":false,"$ref":"https://my-project-.firebaseio.com/deals"},"operator":{}},"operator":{}}

please guide me anyone.

Posts: 1

Participants: 1

Read full topic

Html table scroll very slow

$
0
0

@sroby wrote:

Hello,

we’ve an html table in a page created using a ngFor. The scroll of this table it’s very slow in ipad mini 2/4 (no problems with android and iphone 6/7/7 plus) also with only 50 rows. Also the selection of the rows is very slow (we’ve a checkbox for each row, with or without click event).

We’ve removed all unecessary code in order to exclude some our slow business logic and we’re trying with just one column.

Page HTML

<div style="overflow:scroll; -webkit-overflow-scrolling:touch">
  <table cellpadding="2" cellspacing="2" *ngIf="isDataLoaded">

    <thead>
      <tr>
        <th>{{ 'general.sel' | translate }}</th>
        <th style="text-align:left" *ngFor="let column of visibleColumns">{{column.description}}</th>
      </tr>
    </thead>


    <tbody [style.height]="tableHeight">

      <tr  *ngFor="let row of gridData.data;  let rowIndex = index">

        <td tappable (click)="selectRow(row, rowIndex)">
          <input  type="checkbox" [checked]="row.selected">
        </td>

        <td style="text-align:left" *ngFor="let column of visibleColumns">
          <span [class.required]="row[column.code].required">{{row[column.code].valueLabel}}</span>
        </td>

      </tr>

    </tbody>

  </table>
</div>

ionic info output

cli packages:

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

global packages:

    cordova (Cordova CLI) : 7.0.0

local packages:

    @ionic/app-scripts : 3.0.0
    Cordova Platforms  : android 6.2.3 ios 4.4.0
    Ionic Framework    : ionic-angular 3.7.1

System:

    ios-deploy : 1.9.1
    ios-sim    : 5.0.4
    Node       : v6.11.3
    npm        : 3.10.10
    OS         : macOS High Sierra
    Xcode      : Xcode 9.1 Build version 9B55

What could be the problem? Is there a workaround to solve it?

Thanks for your attention.

Posts: 1

Participants: 1

Read full topic

Ion-textarea, editing the entered text?

$
0
0

@Ionize wrote:

I have noticed that ion-textarea is not capable of editing the text entered in the middle. Let’s say I am typing a paragraph but decided to add or omit a word in the middle of the entered text, there is currently no way to do this but to remove from the end of the text first. Any ideas? Thanks.

Posts: 1

Participants: 1

Read full topic

Dynamic value binding issue to *ngSwitchCase in ion-segment

$
0
0

@vibinflogesoft wrote:

<ion-segment [(ngModel)]=“product” color=“primaryDark” (ionChange)=“segmentChanged($event)”>
<ion-segment-button value="{{segment.name}}" *ngFor=“let segment of productcategory”>
{{segment.name}}


ERROR Error: Uncaught (in promise): Error: Template parse errors:
Can’t bind to ‘*ngSwitchCase’ since it isn’t a known property of ‘ion-list’

                            Thanks in Advance..

Posts: 1

Participants: 1

Read full topic

Trying to use native http but it's not working

$
0
0

@aditya_1027 wrote:

Below is my code. It’s just returning undefined:

    this.http.post(
      'https://abcd.com/request.api',
      JSON.stringify(requestData),
      {
        'Content-Type': 'application/json'
      }
    )
    .then(data => {

      console.log(data.status);
      console.log(data.data); // data received by server
      console.log(data.headers);

    })
    .catch(error => {

      console.log(error.status);
      console.log(error.error); // error message as string
      console.log(error.headers);

    });

Posts: 5

Participants: 2

Read full topic

Ionic 3 native deeplinking

$
0
0

@rkhaili wrote:

Managed to install and setup the native deeplinking module for Ionic.

App loads up fine even in cold state, where it is fully shutdown.

However, my route doesn’t take me to the correct page. It just displays the last page the app was one, or the main page if it starts the application from cold state.

app.component.ts

...
import { Deeplinks } from '@ionic-native/deeplinks';
import { Detail1Page } from '../pages/layout/app1/detail1/detail1';
...
constructor(private deeplinks: Deeplinks.........
...
this.platform.ready().then(() => {
this.splashScreen.hide();
this.deeplinks.route({
  '/item/:itemId': Detail1Page
}).subscribe((match) => {
    console.log('Successfully matched route', JSON.stringify(match));
  }, (nomatch) => {
    console.error('Got a deeplink that didn\'t match', JSON.stringify(nomatch));
  });
}
...

The console log shows:

Successfully matched route {"$args":{"itemId":"9"},"$link":{"path":"/item/9","queryString":"","fragment":"","host":"my.app.com","url":"https://my.app.com/item/9","scheme":"https"}}

app.module.ts

...
import { Deeplinks } from '@ionic-native/deeplinks';
...
providers: [
    Deeplinks,
...

detail1.ts

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

Your help is greatly appreciated - been working on this the whole day :slight_smile:

Posts: 1

Participants: 1

Read full topic


Tab Swipe ionic 3

$
0
0

@akr_rajkumar wrote:

Hi,

I wanted to do tab swipe in ion-tabs.

After various attempts, finally I tried a method,

<ion-content (swipe)=“swipeEvent($event)” >

swipeEvent(e){
if(e.direction==2)
this.navCtrl.parent.select(2);
if(e.direction==4)
this.navCtrl.parent.select(0);
}

It is working with browser but not in the device. How to make my ion-tabs swipe to move to next/previous tabs

Posts: 1

Participants: 1

Read full topic

How to change Font-Family of all elements Dynamically?

$
0
0

@Dineshraja wrote:

Hi Everyone,

I am trying to change the fontfamily of the app when user taps a button by using this code

this._renderer.setStyle(document.body,“font-family”,“muller”);

but the problem is it is changing the font family of body alone not its decedents like ion-app etc etc are using Roboto, kindly tell me a way to accomplish this.

Thanks,
Dinesh Raja

Posts: 1

Participants: 1

Read full topic

Re-order list based on value

$
0
0

@dipankar123 wrote:

hi guys need a help,
i have created list based on

<div style="text-align:center; color:rgb(0, 153, 255)" padding>
        <div style="width: 20%; float: left">Student ID</div>  <!-- re-order ascending/ descending-->
        <div style="width: 60%; float: left"> Name </div>      <!-- re-order by a-z/ z-a-->
        <div style="width: 20%; float: left">Present %</div>   <!-- re-order by high-low/ low to high-->
      </div>
  </div>

now i want to re-order it based on:
1. id on clicking Student ID div (ascending or descending)
2. Name on clicking Name div (a-z or z-a)
3. Present % on clicking on Present % div (low to high or high to low)

any idea how to do that
here is my code:

  classAgregateList() {
    console.log('subject clicked');
    this.storage.get('token').then((value) => {
      console.log('subtoken: ' + JSON.parse(value).AuthToken);
      this.teacherProvider.GetStudentWiseClassAggregateList(JSON.parse(value).AuthToken, this.subjectId.toString()).then(data => {
        console.log('list2: ' + JSON.stringify(data))
        this.attendenceList = data; // <--list data
      });
    });
  }

Posts: 1

Participants: 1

Read full topic

Ayudenme porfavor

Check if data exist before post

$
0
0

@khalilben wrote:

Hi,

As i said i want to check if there’s some data before posting it

connexion(){
  var headers = new Headers();
  headers.append('Content-Type', 'application/x-www-form-urlencoded');

  var params = 'email='+this.userData.email+'&passe='+this.userData.passe;
  this.http.post(apiUrl, params , {headers: headers})
  .subscribe(
    data => {
      //console.log(this.responseData),
      this.storage.set('utilisateurData', data);
      this.navCtrl.push('ProfilPage');
    },
    err => {
      console.log(err);
    },
    () => console.log('Call Complete')
  );

Posts: 2

Participants: 2

Read full topic

Viewing all 49108 articles
Browse latest View live


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