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

"Extended device information" plugin not working with typeorm


Focus on ion-input hides Header in iOS

$
0
0

@killerchip wrote:

I have recently updated to the latest Ionic Framework version 3.9.2, as well implemented the WKWebView.

I have one strange behavior though in iOS (Android is fine).
When I click on an ion-input field, the keyboard pops-up but the ion-header is auto-hidden.
When the focus is moved elsewhere and the keyboard disappears, the ion-header bar becomes visible again.

I have seen this in iOS 10.x (in emulators where no keyboard is popping up, it works fine both on iOS 10 and 11)

Android is fine.

Anyone else bumped onto this? Know how to resolve this?

Thank you in advance

Posts: 5

Participants: 2

Read full topic

Which Oauth2 flow do I need for my situation?

$
0
0

@Nubdienub wrote:

Hello, I am building a app with Ionic where I want users to login using their username and password. I am also using Azure Active Directory. In the MS docs about oauth2 and Azure Active Directory ( https://docs.microsoft.com/en-us/azure/active-directory/develop/active-directory-authentication-scenarios#web-application-to-web-api ) there are 5 scenarios described:

  • Web Browser to Web Application

  • Singe Page Application

  • Native Application to Web API

  • Web Application to Web API

  • Daemon or Server Application to Web API

Now, in my case I have the following:

  1. My Ionic3 app

  2. A Spring Boot RESTfull server (my custon non public API)

  3. Azure Active Directory

Which scenario would I need for my situation?

Posts: 1

Participants: 1

Read full topic

Using Socket.io without nodejs Server

$
0
0

@YousefRabieKhalil wrote:

hey all
i’m trying to use socket.io to make a real time tracking in ionic 3, i have 2 application one for user and one for driver and i have a php server , i need to know can i use socket.io with ionic and php server to let the user track the driver position in real time ? how can i do this ?
thanks in advance

Posts: 1

Participants: 1

Read full topic

Uncaught TypeError: Cannot read property 'hasAttribute' of undefined

Runtime Error Uncaught (in promise): removeView was not found in ionic

$
0
0

@Kabilesh wrote:

I am using ionic version 3.15.2. Calling the below logout() method gives an error saying Runtime Error Uncaught (in promise): removeView was not found. I found similar questions in the Internet, but they had occurred for different reasons. What have I done wrong in my code?

home-menu.ts

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams, AlertController,
PopoverController } from 'ionic-angular';
import { AuthProvider } from '../../providers/auth/auth';

import { LoginPage } from '../login/login';


@IonicPage()
@Component({
  selector: 'page-home-menu',
templateUrl: 'home-menu.html',
})

export class HomeMenuPage {

constructor(public navCtrl: NavController, public navParams: NavParams,
   public authData: AuthProvider,
   public alertCtrl: AlertController, private popoverCtrl:
    PopoverController) {
}

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

logout(){
  this.authData.logoutUser()
 .then((user) => {
   let alert = this.alertCtrl.create({
    message: "You are logging out",
    buttons: [
      {
        text: "Ok",
        role: 'cancel',
        handler: () => {
          this.navCtrl.popToRoot();
        }
      }
    ]
  });
  alert.present();
}, (error) => {
  var errorMessage: string = error.message;
  let errorAlert = this.alertCtrl.create({
    message: errorMessage,
    buttons: [
      {
        text: "Ok",
        role: 'cancel'
      }
    ]
  });
  errorAlert.present();
 });
}

}

Error

Runtime Error Uncaught (in promise): removeView was not found in ionic

Stack Trace

Error: Uncaught (in promise): removeView was not found
at c (http://localhost:8100/build/polyfills.js:3:13535)
at c (http://localhost:8100/build/polyfills.js:3:13221)
at http://localhost:8100/build/polyfills.js:3:14067
at t.invokeTask (http://localhost:8100/build/polyfills.js:3:9967)
at Object.onInvokeTask (http://localhost:8100/build/vendor.js:4499:37)
at t.invokeTask (http://localhost:8100/build/polyfills.js:3:9888)
at r.runTask (http://localhost:8100/build/polyfills.js:3:5143)
at o (http://localhost:8100/build/polyfills.js:3:2203)
at <anonymous>

Posts: 1

Participants: 1

Read full topic

Serving to the browser is currently only supported for Ionic projects

$
0
0

@codiqa10004205 wrote:

How can I resolve this?
Suddenly -
Launching for serve (This may take a while)…
Serving to the browser is currently only supported for Ionic projectsServing to the browser is currently only supported for Ionic projects

{
“name”: “Serve to the browser (ionic serve)”,
“type”: “cordova”,
“request”: “launch”,
“platform”: “serve”,
“cwd”: “${workspaceRoot}/src”,
“devServerAddress”: “localhost”,
“sourceMaps”: true,
“ionicLiveReload”: true,
“devServerTimeout”: 1200000
},

package.json

{
“name”: “wiseapp”,
“version”: “0.0.3”,
“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.0”,
"@angular/compiler": “5.0.0”,
"@angular/compiler-cli": “5.0.0”,
"@angular/core": “5.0.0”,
"@angular/forms": “5.0.0”,
"@angular/http": “5.0.0”,
"@angular/platform-browser": “5.0.0”,
"@angular/platform-browser-dynamic": “5.0.0”,
"@ionic-native/camera": “^4.4.2”,
"@ionic-native/core": “4.4.0”,
"@ionic-native/geolocation": “^4.4.2”,
"@ionic-native/google-maps": “^4.4.2”,
"@ionic-native/network": “^4.4.2”,
"@ionic-native/splash-screen": “4.4.0”,
"@ionic-native/status-bar": “4.4.0”,
"@ionic/pro": “1.0.16”,
"@ionic/storage": “2.1.3”,
"@ngx-translate/core": “^8.0.0”,
"@ngx-translate/http-loader": “^2.0.0”,
“chart.js”: “^2.7.1”,
“cordova-android”: “6.3.0”,
“cordova-browser”: “5.0.1”,
“cordova-plugin-camera”: “^3.0.0”,
“cordova-plugin-device”: “^1.1.4”,
“cordova-plugin-facebook4”: “^1.9.1”,
“cordova-plugin-geolocation”: “^3.0.0”,
“cordova-plugin-googlemaps”: “^2.1.1”,
“cordova-plugin-ionic-webview”: “^1.1.16”,
“cordova-plugin-network-information”: “^1.3.4”,
“cordova-plugin-splashscreen”: “^4.0.3”,
“cordova-plugin-statusbar”: “^2.3.0”,
“cordova-plugin-whitelist”: “^1.3.1”,
“font-awesome”: “^4.7.0”,
“ionic-angular”: “nightly”,
“ionic-native”: “^2.9.0”,
“ionic-plugin-keyboard”: “^2.2.1”,
“ionicons”: “3.0.0”,
“rxjs”: “5.5.2”,
“sw-toolbox”: “3.6.0”,
“zone.js”: “0.8.18”
},
“devDependencies”: {
"@ionic/app-scripts": “nightly”,
“typescript”: “2.6.1”
},
“description”: “WiseApp an adviser at the pulm of your hand”,
“cordova”: {
“plugins”: {
“cordova-plugin-geolocation”: {
“GEOLOCATION_USAGE_DESCRIPTION”: “Wiseapp customer location”
},
“cordova-plugin-network-information”: {},
“cordova-plugin-camera”: {},
“ionic-plugin-keyboard”: {},
“cordova-plugin-whitelist”: {},
“cordova-plugin-device”: {},
“cordova-plugin-splashscreen”: {},
“cordova-plugin-ionic-webview”: {},
“cordova-plugin-googlemaps”: {
},
“cordova-plugin-statusbar”: {},
“cordova-plugin-facebook4”: {
}
},
“platforms”: [
“browser”,
“android”
]
},
“config”: {
“ionic_bundler”: “webpack”,
“ionic_source_map”: “source-map”,
“ionic_copy”: “./scripts/copy-custom-libs.js”
}
}

Posts: 1

Participants: 1

Read full topic

Ionic 3 Custom text input highlight color on specific page

$
0
0

@luckyangelo wrote:

Hi! I would like to know if it is possible to do text input highlight color on only selected pages eg. In my login page i want the color of highlight to be white. On remaining page the color is blue.

Posts: 1

Participants: 1

Read full topic


Passing data between two apps

$
0
0

@mcichecki wrote:

This question might be a little bit weird but is there any way to pass data between two apps? Let’s say I’ve got an app that generates an unique key. Now user can open another app and make a HTTP request using this token but it must be passed somehow. Is there any way to make it without using the server?

Posts: 1

Participants: 1

Read full topic

Ionic-long-press

$
0
0

@shmulikmak wrote:

I work according to this link:

and the button not working for me.

anyone try this library. did you know more options to handle “onPressStart” and “onPressEnd”??

Thanks advance!

(ionic 3)

Posts: 1

Participants: 1

Read full topic

What's the @ionic/app-scripts version needed for ionic-angular 3.8.0

$
0
0

@jooo13 wrote:

I want to upgrade my ionic-angular from 3.7.0 to 3.8.0
I need to know which @ionic/app-scripts version is compatible and more suitable for that

Posts: 2

Participants: 2

Read full topic

Firebase Analytics Could not get unknown property 'FIREBASE_VERSION'

$
0
0

@insightmichael wrote:

Hi I have tried to install firebase analytics I get the following error:

Could not get unknown property 'FIREBASE_VERSION' for object of type org.gradle.api.internal.artifacts.dsl.dependencies.DefaultDependencyHandler.


cli packages: (/Users/michael/Documents/sites/laravel/hybrid/node_modules)

    @ionic/cli-utils  : 1.7.0
    ionic (Ionic CLI) : 3.7.0

global packages:

    Cordova CLI : 7.0.1

local packages:

    @ionic/app-scripts              : 1.3.12
    @ionic/cli-plugin-cordova       : 1.4.1
    @ionic/cli-plugin-ionic-angular : 1.3.2
    Cordova Platforms               : android 6.2.3 browser 4.1.0 ios 4.4.0
    Ionic Framework                 : ionic-angular 3.0.1

Posts: 1

Participants: 1

Read full topic

How to implement this list? - Help

A problem occurred configuring root project 'android'

$
0
0

@tejakumar wrote:

[17:21:35] build dev started …
[17:21:35] clean started …
[17:21:35] clean finished in 5 ms
[17:21:35] copy started …
[17:21:35] deeplinks started …
[17:21:35] deeplinks finished in 24 ms
[17:21:35] transpile started …
[17:21:39] transpile finished in 3.83 s
[17:21:39] preprocess started …
[17:21:39] preprocess finished in 1 ms
[17:21:39] webpack started …
[17:21:39] copy finished in 4.37 s
[17:21:47] webpack finished in 7.98 s
[17:21:47] sass started …
[17:21:49] sass finished in 2.12 s
[17:21:49] postprocess started …
[17:21:49] postprocess finished in 19 ms
[17:21:49] lint started …
[17:21:49] build dev finished in 14.21 s

cordova run android
ANDROID_HOME=C:\Android\android-sdk
JAVA_HOME=C:\Program Files\Java\jdk1.8.0_141
[17:21:53] lint finished in 3.58 s
Starting a Gradle Daemon, 1 incompatible and 1 stopped Daemons could not be reused, use --status for details
:wrapper

BUILD SUCCESSFUL

Total time: 26.404 secs
Subproject Path: CordovaLib
Starting a Gradle Daemon, 1 incompatible and 1 stopped Daemons could not be reused, use --status for details
The Task.leftShift(Closure) method has been deprecated and is scheduled to be removed in Gradle 5.0. Please use Task.doLast(Action) instead.
at build_4qqikash83zjijr0n7mvnzyhk.run(C:\wamp64\www\ionic\spetinfo\platforms\android\build.gradle:141)
Checking the license for package Android SDK Platform 26 in C:\Android\android-sdk\licenses
Warning: License for package Android SDK Platform 26 not accepted.

FAILURE: Build failed with an exception.

BUILD FAILED

Total time: 32.269 secs

  • What went wrong:
    A problem occurred configuring root project ‘android’.

You have not accepted the license agreements of the following SDK components:
[Android SDK Platform 26].
Before building your project, you need to accept the license agreements and complete the installation of the missing components using the Android Studio SDK Manager.
Alternatively, to learn how to transfer the license agreements from one workstation to another, go to http://d.android.com/r/studio-ui/export-licenses.html

  • Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.
    Error: cmd: Command failed with exit code 1 Error output:
    FAILURE: Build failed with an exception.

  • What went wrong:
    A problem occurred configuring root project ‘android’.

You have not accepted the license agreements of the following SDK components:
[Android SDK Platform 26].
Before building your project, you need to accept the license agreements and complete the installation of the missing components using the Android Studio SDK Manager.
Alternatively, to learn how to transfer the license agreements from one workstation to another, go to http://d.android.com/r/studio-ui/export-licenses.html

  • Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.
    [ERROR] An error occurred while running cordova run android (exit code 1).

Posts: 1

Participants: 1

Read full topic

Ionic 3 - remove page html from Dom when page is not active

$
0
0

@avishai_peretz_dev wrote:

Hello everyone,
There is a way that the page html will not be in Dom when page are not active?

What happens not is each page i open is add his Html to Dom its not good for performance

Posts: 1

Participants: 1

Read full topic


Ionic serve can't work with corporate proxy

$
0
0

@devsm wrote:

Hello!
I’m new to Ionic, I’ve installed all the things and setted all the proxies but when I launch the serve command in the browser I get a “504 DNS look up failed”. How can I resolve?

I’m working on Ionic 3

Posts: 1

Participants: 1

Read full topic

How to stop the code from being execute or wait for a first line to completely execute

$
0
0

@charlestsmith wrote:

Okay so what I want to do is wait for a location service to fetch the coords and then I’m going to execute my other functions(lines of code).

//in my TS file.
this.locationAccuracy.request(this.locationAccuracy.REQUEST_PRIORITY_HIGH_ACCURACY)
.then(() => {

    this.locService.getLocation();

    //Execute this function only when you have got the coords from this locService.
    this.getList();

  }, error => this.ui.showToast('Please enable GPS location', false, '')
  );

IN my Service file

this.geolocation.watchPosition()
  .filter((p) => p.coords !== undefined) //Filter Out Errors
  .subscribe(position => {
    console.log(position.coords.latitude + ' ' + position.coords.longitude);
    this.lat = position.coords.latitude;
    this.lng = position.coords.longitude;

  });

What to do ?
Please help, I think this can be achieved using async/await but I dont know how to use them?

Posts: 1

Participants: 1

Read full topic

I have same problem , but there have no reply so I copy this topic

$
0
0

@quanghieuci wrote:

Hello Everybody,
I am new to working with Ionic and I need help.
My code is still not working.

I would like to save data in a Datafile.

My first step:
$ ionic cordova plugin add cordova-plugin-file
$ npm install --save @ionic-native/file

In app module.ts
providers: [
StatusBar,
SplashScreen,
File,
{provide: ErrorHandler, useClass: IonicErrorHandler},

After that in mitglied.ts
import { File } from ‘@ionic-native/file’;

constructor(public navCtrl: NavController, public navParams: NavParams, private alertCtrl: AlertController, public file: File) {
}

My method
close(){

this.file.writeFile(this.file.externalRootDirectory, ‘mydir.txt’, ‘Test’ ,{ replace: false, append: true });

}

Thank you for your support

Posts: 2

Participants: 2

Read full topic

Blank Screen after installing ionic project into android " ionic cordova run android --device "

$
0
0

@tejakumar wrote:

I’m getting Blank Screen after installing ionic project application manullay by installing " /ionic/platforms/android/build/outputs/apk/android-debug.apk " by running command " ionic cordova build " and also i run my project by " ionic cordova run android ". I’m getting blank screen please help me anyone with my problem.

Posts: 2

Participants: 2

Read full topic

List Group BY

$
0
0

@earnestware wrote:

I’m struggling with group by for a list. My JSON data is an array of objects, each object is an event with a title, description and start time. I want to group by start time. The JSON below should be displayed in a list, with 1 header showing 1 item, and another header showing 2 items. I’m willing to restructure the JSON if necessary.

I cannot find code examples that show ngRepeat for IONIC 3. I did notice in the docs that some controls can be created via JS and am wondering if that is the way to go. To me, this is such fundamental technique, I’m surprised that I can’t find any examples.

JSON DATA (I’m not having any problem with the provider, I have plenty of lists working

[
	{
		"event_id": 1,
		"event_title": "Test",
		"event_description": "This is a test",
		"event_date": "2018-03-14",
		"start_time": "13:00:00",
		"end_time": "14:30:00"
	},
	{
		"event_id": 2,
		"event_title": "Test2",
		"event_description": "This is a test 2",
		"event_date": "2018-03-14",
		"start_time": "15:30:00",
		"end_time": "17:00:00"
	},
	{
		"event_id": 2,
		"event_title": "Test 3",
		"event_description": "This is a test 3",
		"event_date": "2018-03-14",
		"start_time": "15:30:00",
		"end_time": "17:00:00"
	}
]

Posts: 1

Participants: 1

Read full topic

Viewing all 49114 articles
Browse latest View live