Quantcast
Channel: Ionic Forum - Latest topics
Viewing all 70843 articles
Browse latest View live
↧

Ionic app stuck on loading in ios emulate

August 28, 2016, 9:04 am
$
0
0

@SereneSounds wrote:

My app is stuck on the loading page when trying to open it with the Xcode simulator. Does anybody have an idea to get more logs?

2016-08-28 17:52:28.615 user[3430:203438] DiskCookieStorage changing policy from 2 to 0, cookie file: file:///Users/user/Library/Developer/CoreSimulator/Devices/8683A6FD-LP07-44F7-A5A6-10F879653570/data/Containers/Data/Application/8546870S-2016-4579-B801-0F848B30E2AF/Library/Cookies/com.ionicframework.user597085.binarycookies

2016-08-28 17:52:28.715 user[3430:203438] Apache Cordova native platform version 3.9.0 is starting.
2016-08-28 17:52:28.715 user[3430:203438] Multi-tasking -> Device: YES, App: YES
2016-08-28 17:52:28.805 user[3430:203438] Using a WKWebView
2016-08-28 17:52:28.893 user[3430:203438] [CDVTimer][file] 25.610983ms
2016-08-28 17:52:28.921 user[3430:203438] [CDVTimer][splashscreen] 27.939975ms
2016-08-28 17:52:28.961 user[3430:203438] [CDVTimer][statusbar] 39.757967ms
2016-08-28 17:52:28.962 user[3430:203438] [CDVTimer][keyboard] 0.699043ms
2016-08-28 17:52:28.962 user[3430:203438] [CDVTimer][TotalPluginStartup] 94.902039ms
[DEBUG] Did open IPv4 listening socket 7
[DEBUG] Did open IPv6 listening socket 8
[INFO] GCDWebServer started on port 12344 and reachable at http://localhost:18799/
2016-08-28 17:52:28.969 user[3430:203438] Started http daemon: http://localhost:98798/

Screen I'm stuck on :s

Screen Shot 2016-08-28 at 18.02.56.png474x847 29.2 KB

Posts: 1

Participants: 1

Read full topic

↧
Search

How to capture video and play it back?

August 28, 2016, 9:20 am
$
0
0

@randbrown wrote:

I'm using the ionic native MediaCapture to record a video, and then display it. However, I can not figure out how to play back the video just recorded.

In my page:

takeVideo() {
    let options: CaptureVideoOptions = { limit: 1 };
    MediaCapture.captureVideo(options)
      .then((data: MediaFile[]) => {
        console.log(data);
        var i, path, len;
        for (i = 0, len = data.length; i < len; i += 1) {
          console.log(path);
          // data[i].fullPath = "file:/storage/extSdCard/DCIM/Camera/20160827_225041.mp4"
          // data[i].localURL = "cdvfile://localhost/root/storage/extSdCard/DCIM/Camera/20160827_225041.mp4"
          // How do I display this video to the user?
          this.videoFilePath = data[i].fullPath;
        }
      },
      (err: CaptureError) => {
        console.error(err);
      }
      );
  }

I'm trying to display it with this tag, but I see only an empty player control. It can not access the file.

<video id="resource-video" controls="controls" autoplay="false" [src]="videoFilePath">
  Your browser does not support the video tag.
</video>

I've tried both the "fullPath" which uses the file:/ protocol, as well as the localURL which uses the cdvfile:// protocol. Do I need to modify the path string, or is there a content policy I need to enable, or is there a different approach altogether I need to be using?

Thanks!

Posts: 1

Participants: 1

Read full topic

↧
↧

How to display messages in console while running ionic emaulate ios

August 28, 2016, 10:29 am
$
0
0

@longliveajay wrote:

I am currently running the following:

ionic run ios -l -c

however this results in the emulator never rendering.

If i simply use:

ionic run ios

things work fine.

I need to see console messages. Any help will be appreciated

Posts: 1

Participants: 1

Read full topic

↧

Libpng error: Read Error

August 28, 2016, 10:31 am
$
0
0

@mihir77 wrote:

I am getting this error when i build for android -

ionic build android

error -

`AAPT err(Facade for 259068547): libpng error: Read Error

AAPT err(Facade for 1123857185): libpng error: Read Error

AAPT err(Facade for 594029608): libpng error: Read Error

FAILED

FAILURE: Build failed with an exception.

What went wrong:
Execution failed for task ':mergeArmv7DebugResources'.

> Some file crunching failed, see logs for details

Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

BUILD FAILED

Total time: 6.193 secs

Error: Error code 1 for command: cmd with args: /s,/c,"f:\D\srcc\proj\platforms\ android\gradlew cdvBuildDebug -b f:\D\srcc\proj\platforms\android\build.gradle - Dorg.gradle.daemon=true -Pandroid.useDeprecatedNdk=true"`

How can i find the exact error or solve this issue?

Posts: 1

Participants: 1

Read full topic

↧

Ionic2 command line

August 28, 2016, 10:35 am
$
0
0

@longliveajay wrote:

using the following never renders the simulator.. any clues:

ionic run ios -c

ionic cli version : 2.0.0-beta.37
node: 0.12.9

Posts: 1

Participants: 1

Read full topic

↧
↧

Using Ionic 2 Framework in Ionic1 app(searchbar etc.)

August 29, 2016, 4:12 am
$
0
0

@DonShirley wrote:

Hey!

I created an app with the Creator and extended it (SQLite connections etc.). Now I would like to use the Ionic 2 Framework(http://ionicframework.com/docs/v2/), because I need components like the searchbar and some more.
The CLI Version installed on my computer(Windows) is v2.0.0, but if I use the ion-searchbar it doesn't show anything.
So probably I need to upgrade my app to version 2...but I have no idea how( I am quite new to ionic and angular).

Best regards,
DonShirley

Posts: 2

Participants: 2

Read full topic

↧

Local storage fetch and conditional navigation based on it

August 29, 2016, 4:22 am
$
0
0

@balasivagnanam wrote:

I am doing an app where I save the user details, token fetched from REST API after the first time to local storage.
I check the local storage and will route to Login page only if local storage is empty.
After login is succesful I am writing the details to local storage and push the nav to account page which shows user details.
Now it has become like a loop where, local storage take time to write and before that navigation happens and local storage is empty and moves back to login page. but after a while the local storage is saved.

How to avoid this situation or do a work around here.

Posts: 3

Participants: 3

Read full topic

↧

Ionic 2 - ion-list click effect

August 29, 2016, 4:32 am
$
0
0

@danielmm1997 wrote:

Hi,

is it possible to add a click effect on the ion-item element in Ionic 2?

like in this example

Thanks,
Daniel

Posts: 2

Participants: 1

Read full topic

↧
Search

Content disappears on scrolling when ion-content + ion-card (SOLVED)

August 29, 2016, 4:39 am
$
0
0

@rafaelbuiu wrote:

I had a issue when scrolling a list. It happened to disappear the content for some time (seconds) while scrolling.
I added the following line to the element CSS to get it solved:

-webkit-transform: translateZ(0) translate3d(0px, 0px, 0px);

Hope it helps someone!

Posts: 1

Participants: 1

Read full topic

↧
↧

Best practice for LoadingController

August 29, 2016, 4:56 am
$
0
0

@danielmm1997 wrote:

Hi,

i very unhappy with the LoadingController.
Can someone add best practice for the LoadingController?
in the ionic-conference-app is no LoadingController.

My Problem is the Loading Controller dismiss function, this function is not working on my Project.

And can i add a global loading function an call them like:

this.loading(true);
this.loading(false);

    let loading = this.loadingCtrl.create({
        content:""
      })
      loading.present();
    ..
    loading.dismiss();

Pasted image451x530 30.7 KB

Thanks,
Daniel

Posts: 6

Participants: 3

Read full topic

↧

Button with ion-checkbox calling a Modal - working in FF but not in Chrome and Device

August 29, 2016, 4:59 am
$
0
0

@DeeM52 wrote:

I want to have a list of items with a checkbox on the right. When I click on the item, it opens a modal where I can fill in the details. When details are filled, checkbox is checked.

The problem is that on device and chrome, a click activates/deactivates the checkbox and the modal is never opened. On firefox, Everything is working fine.

This is my code in HTML

    <ion-list>

        <button ion-item (click)="goToItem1Modal()">
            <ion-label>Add Item 1 details</ion-label>
            <ion-checkbox item-right checked={{isValidCheckbox.item1}}></ion-checkbox>
        </button>

        <button ion-item (click)="goToItem2Modal()">
            <ion-label>Add Item 2 details</ion-label>
            <ion-checkbox item-right checked={{isValidCheckbox.item2}}></ion-checkbox>
        </button>

        <button ion-item (click)="goToItem3Modal()">
            <ion-label>Add Item 3 details</ion-label>
            <ion-checkbox item-right checked={{isValidCheckbox.item3}}></ion-checkbox>
        </button>

    </ion-list>

And this is the code in the TS file

import { Component } from '@angular/core';
import { NavController, AlertController, ModalController } from 'ionic-angular';

import { Item1Modal } from "../item1-modal/item1-modal"
import { Item2Modal } from "../item2-modal/item2-modal"
import { Item3Modal } from "../item3-modal/item3-modal"

@Component({
    templateUrl: 'build/pages/test-2/test-2.html',
})
export class Test2Page {

    item1Details: string = "";
    item2Details: string = "";
    item3Details: string = "";

    isValidCheckbox = {
        item1: true,
        item2: false,
        item3: false
    }

    constructor(
        private navCtrl: NavController,
        private modal: ModalController,
        private alertCtrl: AlertController

    ) { }

    goToItem1Modal() {
        let item1Modal = this.modal.create(Item1Modal, {recDetails: this.item1Details});

        item1Modal.onDidDismiss(data => {
            //Getting back item1Details information from the modal
            console.log(data);
            this.item1Details = data;

            if(data.length > 3) {
                this.isValidCheckbox.item1 = true;
            } else {
                this.isValidCheckbox.item1 = false;
            }
        });

        item1Modal.present();
    }

    goToItem2Modal() {
        let item2Modal = this.modal.create(Item2Modal, {recDetails: this.item2Details});

        item2Modal.onDidDismiss(data => {
            console.log(data);
            this.item2Details = data;

            if(data.length > 3) {
                this.isValidCheckbox.item2 = true;
            } else {
                this.isValidCheckbox.item2 = false;
            }
        });

        item2Modal.present();
    }

    goToItem3Modal() {
        let item3Modal = this.modal.create(Item3Modal, {recDetails: this.item3Details});

        item3Modal.onDidDismiss(data => {
            console.log(data);
            this.item3Details = data;

            if(data.length > 3) {
                this.isValidCheckbox.item3 = true;
            } else {
                this.isValidCheckbox.item3 = false;
            }
        });

        item3Modal.present();
    }

}

I think the click is absorbed by the ion-checkbox and so the modal is never opened. Anyone has any idea on how to solve this?

Posts: 2

Participants: 1

Read full topic

↧

How to notify the app update available on playstore

August 29, 2016, 5:18 am
$
0
0

@harishmss164 wrote:

I have already placed an App on playstore. User has downloaded the app. When the App is updated on playstore. How to notify the user that new version of the app is available in playstore. Please help me out..

Posts: 4

Participants: 2

Read full topic

↧

Strange behaviour of back button in nested view

August 29, 2016, 5:49 am
$
0
0

@ekhmoi wrote:

Video

I have a problem with nested view.
Back button overlays two parent component into each other (check the Video)

It happens when i use ngOnInit

ngOnInit() {
    this.loader.present();
    this.networkServices.loadAccounts().then(res => {

      console.log(res);
      this.handleAccounts(res);
    });
  }

here is the piece of code that i use:

@Component({
  templateUrl: 'build/pages/accounts/accounts.html'
})

export class AccountsPage {
    loader = this.loadingCtrl.create({
     content: 'Please wait...'
    });
    constructor(
        public actionSheetCtrl: ActionSheetController,
        public loadingCtrl: LoadingController,
        public networkServices: NetworkServices,
        public alertCtrl: AlertController,
        public app: App,
        public modalCtrl: ModalController,
        public navCtrl: NavController
    ) { }

    onActionSelect(account, action) {
        if (action.code !== 'More') {
            this['handleAction_' + action.code](action);
        } else {
            this.handleAction_More(account);
        }
    }
    handleAction_1002(action) {
        this.navCtrl.push(Statements, action);
    }

}

Posts: 1

Participants: 1

Read full topic

↧
↧

$cordovaFile externalRootDirectory is not accessing sdcard

August 29, 2016, 7:06 am
$
0
0

@krishna2112 wrote:

$cordovaFile.writeFile(cordova.file.externalRootDirectory, "file.txt", "text", true)
      .then(function (success) {

      }, function (error) {

      });

this is working fine when file.txt file is in internal memory but fails when file.txt is placed in sdcard

Posts: 1

Participants: 1

Read full topic

↧

Geofence circle not shown

August 29, 2016, 7:09 am
$
0
0

@Nagapandi wrote:

Hi,
In ionic geofence,
i am trying to load a geofence in leaflet with google layer. It shows an exception in leaflet-src.js, "Cannot call method 'intersects' of undefined"
empty: function () {
return this.radius && !this.renderer.bounds.intersects(this.pxBounds);
}
please let me know the reason.

Posts: 1

Participants: 1

Read full topic

↧
Search

Ion-toggle AND ion-checkbox in same ion-item

August 29, 2016, 7:15 am
$
0
0

@linvi wrote:

Hello,

I am trying to add custom elements to my item-list items.
Ideally I would like to have the following :

<ion-item *ngFor="let test of tests">
 TITLE
  <div style="float: right;">
    <ion-checkbox></ion-checkbox>
    <ion-toggle></ion-toggle>
  </div>
  <div style="clear: both;"></div>

ionic2 seems to have all its directives very tight up to the location where they are used and I cannot actually do the code above.

Please disregard the style I added it to give you an idea of what I want to do.

If such thing is not possible how can I reuse the round templates the ion-checkbox/ion-toggle on buttons?

Posts: 1

Participants: 1

Read full topic

↧

Error no provider for navController

August 29, 2016, 7:33 am
$
0
0

@varshil29 wrote:

i created a common function that check drawer is opened or not .so i created one class and constructor.

below is the code

@Injectable()
export class AllFunctions {

constructor(private alertTag:AlertController,nav:NavController,private loading:LoadingController,menuCtrl:MenuController)
{
this.navController = nav;
this.menu = menuCtrl;

}

close() {
if(this.menu.isOpen())
{
this.menu.close();
}
else
{
this.navController.pop();
}
}
}

when i run my code i got error : No provider for NavController.
i also add class AllFunction in app.ts file

ionicBootstrap(MyApp,[WebService,AllFunctions,
provideForms(),
disableDeprecatedForms()], {
platforms: {
android: {
tabsPlacement: 'top',
tabsHideOnSubPages: true,
tabsHighlight: true
}
}
});

Posts: 2

Participants: 2

Read full topic

↧
↧

Ionic ng-bind-html not parsing html from json data

August 29, 2016, 7:40 am
↧

Unable to update livereload

August 29, 2016, 7:55 am
↧

How-to-disable-drag-in-side-menu

August 29, 2016, 7:55 am
$
0
0

@stdeemene wrote:

<ion-menu [content]="content" **[swipeEnabled]="false">**

Menu






{{p.title}}



<ion-nav [root]="rootPage" #content swipeBackEnabled="false">

Posts: 1

Participants: 1

Read full topic

↧
Viewing all 70843 articles
Browse latest View live
Search
<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>