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

Ionic pro deploy background method notification

$
0
0

@avanzait wrote:

Hi! Im working with cordova-plugin-ionic. How do I notify the user to restart the application after update? The update method is background.

Posts: 1

Participants: 1

Read full topic


Live Reload Failing

$
0
0

@kdbeall wrote:

I get the following in my browser console…

    livereload.js?snipver=1:76 WebSocket connection to 'ws://localhost:35729/livereload' failed: 
    Error in connection establishment: net::ERR_CONNECTION_REFUSED

Not sure what the error is. It seems to happen when I try to update the src of a video.

    nextFoo(){
      this.current = this.foo.shift();
      this.FooURL = this.getFooURL(this.foo[0]...)
      var source = document.getElementById("fooVideoSRC");
      var video = document.getElementById("fooVideo");
      source.src = this.fooURL;
      video.load();
      video.play();
     }

Posts: 1

Participants: 1

Read full topic

ngSwitch only works after clicking

$
0
0

@blakezeisler wrote:

I cant get any data binding to work unless i click to open a menu or something and come back to the page.

I started a new project and made my home.html and home.ts match the official Ionic documentation for Segments

But when i click the segment buttons in my project my view is not updated unless i click to a menu and then back to the page. I looked into ngZones and added setTimeout but nothing seems to help.

Has anyone run into this issue?

"@angular/common": "2.2.1",
"@angular/compiler": "2.2.1",
"@angular/compiler-cli": "2.2.1",
"@angular/core": "2.2.1",
"@angular/forms": "2.2.1",
"@angular/http": "2.2.1",
"@angular/platform-browser": "2.2.1",
"@angular/platform-browser-dynamic": "2.2.1",
"@angular/platform-server": "2.2.1",
"@ionic/app-scripts": "^1.0.0",
"@ionic/cloud-angular": "^0.9.1",
"@ionic/storage": "1.1.7",
"angularfire2": "^2.0.0-beta.8",
"firebase": "^3.6.10",
"ionic-angular": "2.0.0",
"ionic-native": "2.4.1",
"ionicons": "3.0.0",
"rxjs": "5.0.0-beta.12",
"sw-toolbox": "3.4.0",
"zone.js": "0.6.26"

Posts: 1

Participants: 1

Read full topic

Failed to find target with hash string ‘android-25’

$
0
0

@maxvortex wrote:

Any idea how to resolve this issue??

BUILD FAILED

Total time: 4 mins 0.814 secs
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’.

Failed to find target with hash string ‘android-25’ in: C:\Users\Axe\AppData\Local\Android\sdk

  • 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 build android (exit code 1).

Posts: 1

Participants: 1

Read full topic

Azure ADAL integration

$
0
0

@vjknnr wrote:

Hi everyone…
When I searched about ADAL integration all the websites are giving a very basic information.
So, I have created a Azure Active Directory and added some users in it. Now I’m stuck in the app registration process. I have browser build as well as iOS build. Can somebody help on this?

Thanks in Advance…

Posts: 1

Participants: 1

Read full topic

Button:active troubles

$
0
0

@ryanalderink wrote:

I have changed every possible property of my ion-buttons and button-ios so that their “active” has no background color.

I want nothing to change when clicked except the text color change. However, even after the properties are forced there is still an instant after the click where the default background fill shows.

How can I get rid of this? I really do not want to have to make custom buttons from divs for my whole app!

Posts: 1

Participants: 1

Read full topic

How to push multiple image into a array

$
0
0

@flycoders_sourav wrote:

Below my code

 public takePicture(sourceType) {
  // Create options for the Camera Dialog
  var options = {
    quality: 100,
    sourceType: sourceType,
    saveToPhotoAlbum: true,
    correctOrientation: true
  };
 
  // Get the data of an image
  this.camera.getPicture(options).then((imagePath) => {
    // Special handling for Android library
    if (this.platform.is('android') && sourceType === this.camera.PictureSourceType.PHOTOLIBRARY) {
      this.filePath.resolveNativePath(imagePath)
        .then(filePath => {
          let correctPath = filePath.substr(0, filePath.lastIndexOf('/') + 1);
          let currentName = imagePath.substring(imagePath.lastIndexOf('/') + 1, imagePath.lastIndexOf('?'));
          this.copyFileToLocalDir(correctPath, currentName, this.createFileName());
        });
    } else {
      var currentName = imagePath.substr(imagePath.lastIndexOf('/') + 1);
      var correctPath = imagePath.substr(0, imagePath.lastIndexOf('/') + 1);
      this.copyFileToLocalDir(correctPath, currentName, this.createFileName());
    }
  }, (err) => {
    this.presentToast('Error while selecting image.');
  });
}


// Create a new name for the image
private createFileName() {
  var d = new Date(),
  n = d.getTime(),
  newFileName =  n + ".jpg";
  return newFileName;
}
 
// Copy the image to a local folder
private copyFileToLocalDir(namePath, currentName, newFileName) {
  this.file.copyFile(namePath, currentName, cordova.file.dataDirectory, newFileName).then(success => {
    this.lastImage = newFileName;
  }, error => {
    this.presentToast('Error while storing file.');
  });
}
 
private presentToast(text) {
  let toast = this.toastCtrl.create({
    message: text,
    duration: 3000,
    position: 'bottom'
  });
  toast.present();
}
 
// Always get the accurate path to your apps folder
public pathForImage(img) {
  if (img === null) {
    return '';
  } else {
    return cordova.file.dataDirectory + img;
  }
}

Please help me out
Thanks in advance

Posts: 1

Participants: 1

Read full topic

How to validate Email if it is already used / or not in database?

$
0
0

@metalhead101 wrote:

Hello ,
Please share some knowledge on “How can we validate email with dynamic data coming from firebase?”

Here is my code I stuck with this…

import { FormControl } from '@angular/forms';
import { UserProvider } from '../providers/database/user/user';

export class EmailValidator {
  public users: any;
  public email: any;
  constructor(
    public _DBUSER: UserProvider
  ) {
    this.loadAndParseUsers();
  }
  loadAndParseUsers() {
    this.users = this._DBUSER.renderAllUsers();
    var allEmails = [];
    this.users.forEach(element => {
      console.log(element);
      element.forEach(user => {
        allEmails.push(user.email);
      });
    });
    console.log(allEmails);

  }
  static checkEmail(control: FormControl): any {

    return new Promise(resolve => {

      //Fake a slow response from server

      setTimeout(() => {
        if (control.value == "adminh@gmail.com") {
          console.log(control.value);

          resolve({
            "Email taken": true
          });

        } else {
          resolve(null);
        }
      }, 2000);

    });
  }
}

Static checking is working fine. But I am not able to check with dynamic email coming from database. I am quite newbie to Ionic please help. thanks

Posts: 1

Participants: 1

Read full topic


Ionic error during build (Debug failure)

$
0
0

@NorthFred wrote:

When I try to build my project with either ionic cordova run android or ionic serve -c, I run into this error, which does not really help me to pinpoint the problem. I was not able to find any information with this:

D:\APPS\*****\*****>ionic serve -c --verbose [DEBUG] Reason for not using local CLI: LOCAL_CLI_NOT_FOUND [DEBUG] CLI flags: { interactive: true, confirm: false } [DEBUG] { cwd: 'D:\\APPS\\*****\\******', local: false, binPath: 'C:\\Users\\*****\AppData\\Roaming\\npm\\node_modules\\ionic\\bin\\ionic', libPath: 'C:\\Users\\*****\\AppData\\Roaming\\npm\\node_modules\\ionic\\dist\\index.js' } [DEBUG] New daemon pid: 12084 Starting app-scripts server: --address 0.0.0.0 --port 8100 --livereload-port 35729 --dev-logger-port 53703 --consolelogs --nobrowser - Ctrl+C to cancel [20:03:59] watch started ... [20:03:59] build dev started ... [20:03:59] clean started ... [20:03:59] clean finished in 3 ms [20:03:59] copy started ... [20:04:00] deeplinks started ... Error: Debug Failure. at new BuildError (D:\APPS\*****\*****\node_modules\@ionic\app-scripts\dist\util\errors.js:16:28) at D:\APPS\*****\*****\node_modules\@ionic\app-scripts\dist\deep-linking.js:57:21 at <anonymous> [DEBUG] Error: Debug Failure. at new BuildError (D:\APPS\*****\*****\node_modules\@ionic\app-scripts\dist\util\errors.js:16:28) at D:\APPS\*****\*****\node_modules\@ionic\app-scripts\dist\deep-linking.js:57:21 at <anonymous> [20:04:00] copy finished in 561 ms

I tried updating the module app-scripts with npm install @ionic/app-scripts, but the same error happens again. I’m out of ideas… anyone knows how to tackle this one?

Posts: 1

Participants: 1

Read full topic

How to add plugin hack for inappbrowser in android 7.0.0?

$
0
0

@anespa wrote:

Friends,
I am working in android version 6.4.0 with ionic 3. But recently I need to go android 7.0.0.
In previous version(6.4.0), I add a plugin edit for InAppBrowser 1.7.2 for close the final payment page after 5 seconds.

I edited the file on path (6.4.0) at /platforms/android/src/org/apache/cordova/inappbrowser/InAppBrowser.java
Edited code is below with added code highlighted with ** (lines 1067 - 1073, line 20)

Code here

But in new android (7.0.0) no file and folder structure exist.
So I try to edit same file named at path /plugins/cordova-plugin-inappbrowser/src/android/InAppBrowser.java

But no closing of final browser on 5 seconds.

How this problem can be fixed ?

please advise

Thanks
Anes

Posts: 1

Participants: 1

Read full topic

ImageResizer losing ratio on iOS

$
0
0

@bilow wrote:

Hi,
I’m using the Image Resizer ( https://ionicframework.com/docs/native/image-resizer/ ) to resize images before uploading to my server. The resizing works fine on Android, but when on iOS the resizer loses the ratio of the image. I’m getting a resized image with the height and width as I define in de ImageResizeOptions (1280x1280).

              const resizeOptions: ImageResizerOptions = {
                height: 1280,
                quality: 80,
                uri: orgSrc,
                width: 1280,
              };
              this.platform.is("android") ?
                resizeOptions.folderName = "uploadTmp" :
                resizeOptions.fileName = this.fileName;

              this.imgResizer.resize(resizeOptions)
                .then((filePath: string) => {
                  this.resizedPreviewImgSrc = normalizeURL(filePath);
                  this.resizedSrc = filePath;
                  console.log("FilePath:", filePath);
                  resolve();
                })
                .catch((e) => {
                  reject(e);
                });

Am I missing some options or am I using wrong options? Why does it take the height / width as max and keeps it’s ratio on Android, but does it lose it’s ratio when using on iOS? Any ideas?

Please advice…

B

Posts: 1

Participants: 1

Read full topic

Ionic app video call error

$
0
0

@ashish0212 wrote:

after tapping on video call option i am getting this error on ionic app “an error occurred while try to connect to the device mic and camera

Posts: 1

Participants: 1

Read full topic

Pull up for ion-refresher

$
0
0

@kiwwwi wrote:

Hi!
I need refresh page with ion-refresher Pull UP (Infinite Scroll does not fit).
Someone found a solution?

Posts: 1

Participants: 1

Read full topic

Call functions in the console

$
0
0

@JMourao wrote:

Hei there,

Sorry for the newbe question but i cant seem to find an working answer anywhere.

How do i call a function from Chrome/Safari console?

For example i have a page called CheckoutNew and a function called doSomething() how do i call it from the console of the web browser.

Or calling it from a provider call, a provider called CheckoutProvider and a function called doSomething().

I would like to call it from the safari console, the same way i call a function in vanila javascript.

Thanks in advance

Posts: 1

Participants: 1

Read full topic

Ionic Select with input option

$
0
0

@taiiieb wrote:

I’m trying to do an ionic select and in the end of the select i want an option so i can do an input is it possible to do it ?

Thank you.

Posts: 1

Participants: 1

Read full topic


Best practice for rootPage and lazy loading

$
0
0

@alejandrocsb wrote:

We are using Ionic3 with lazy loading and we were wondering how to handle the case when the user is navigating say: mywebsite.com/example and they refresh that page.
If we use something like this, the problem is that the rootPage is first set to ExamplePage (due to the URL), but then it is automatically changed to WelcomePage.
After some changes, we got to the following solution but we aren’t sure it is the best way to do it.

@Component({
  selector: 'page-menu',
  templateUrl: 'app.html'
})
export class MyApp {
  @ViewChild(Nav) nav: Nav;

  rootPage: string = WelcomePage;

  constructor(
    private userProvider: UserProvider,
    private platform: Platform,
    private splashScreen: SplashScreen
  ) {
    this.platform.ready().then(() => {
      this.userProvider.isAuthenticated().then((isAuthenticated) => {
        this.splashScreen.hide();
        if (!isAuthenticated && this.nav.root !== LoginPage) {
          this.nav.setRoot(LoginPage);
        }
      });
    });
  }
}

Posts: 1

Participants: 1

Read full topic

Windows 10 Ionic build version like android .apk file?

$
0
0

@pcfjojo wrote:

I have succeffully install ionic app on my windows. But How can I get a dev app version like .apk file in android?
Is there any step by step guide to generate specific file(may be bat or whatever)

Posts: 1

Participants: 1

Read full topic

angular firebase build error when try ionic build

$
0
0

@MingyuJeon wrote:

I got error when I tried to build ionic app. Actually it wasn’t a problem when I build in local, but when I check build status in ionic website, I got a bellow error.

using angular5, ionic3

typescript: node_modules/angularfire2/firebase.app.module.d.ts, line: 10 Class ‘FirebaseApp’ incorrectly implements interface ‘FirebaseApp’. Property ‘automaticDataCollectionEnabled’ is missing in type ‘FirebaseApp’.

L9: export declare const FirebaseAppConfigToken: InjectionToken;
L10: export declare class FirebaseApp implements FBApp {
L11: name: string;

I have no idea. Should I downgrade firebase version?

Posts: 1

Participants: 1

Read full topic

Ios resources api broken

$
0
0

@dhameergovind wrote:

Hi

Am getting this error when trying to add the ios platform

HTTP Error 503: POST https://res.ionic.io/api/v1/upload

<html>
  <head>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<title>Application Error</title>
	<style media="screen">
	  html,body,iframe {
		margin: 0;
		padding: 0;
	  }
	  html,body {
		height: 100%;
		overflow: hidden;
	  }
	  iframe {
		width: 100%;
		height: 100%;
		border: 0;
	  }
	</style>
  </head>
  <body>
	<iframe src="//www.herokucdn.com/error-pages/application-error.html"></iframe>
  </body>
</html>

Please assit

Posts: 2

Participants: 1

Read full topic

Buses tracking app

$
0
0

@TanujJain wrote:

I want to create bus tracking app with tracker unit installed on the buses, how to implement that in my app? and How it will work.

Posts: 2

Participants: 2

Read full topic

Viewing all 49263 articles
Browse latest View live


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