Quantcast
Channel: Ionic Forum - Latest posts
Viewing all 228551 articles
Browse latest View live

Ionic delete images from php server

$
0
0

thinks for suggesting me a working idea it help me to short out my problem.


Issue with @translate3d in _animations.scss

$
0
0

Hi

I have imported project from Creator ionic and tried to follow below steps to make the app working on my devices/machines.. When I finally run "ionic serve", I am getting below error:
[12:12:01] sass started ...
[12:12:01] sass: D:/MyProj/aaa/src/lib/ionic/scss/_animations.scss, line: 6
no mixin named translate3d Backtrace: src/lib/ionic/scss/_animations.scss:6

L5: .slide-in-up {
L6: @include translate3d(0, 100%, 0);
I am unable to find any related issue.. When I checked, there is no "translate3d.scss" file in my lib folder that was imported when I downloaded the project.. Can someone pls help me.. Its really important that I need to get it moving ..

Thanks
SK

Unable to use the camera plugin cordova-plugin-camera install issue

$
0
0

Hi zeta

tried it and it didnt work, same error again

"Error: Cannot find plugin.xml for plugin "cordova-plugin-camera". Please try adding it again."

Will appreciate any help i can get

Unable to use the camera plugin cordova-plugin-camera install issue

$
0
0

i created a new project and apparently it worked on it. but it does not work on my package

Will appreciate it if i can get some ideas i can try. my package.json is above

Response of FileTransfer Upload cannot be parsed into JSON

$
0
0

Ok, looks like the error was on my side:
When i copied all the data together, to post it here, i realised that the was a whitespace at the beginning of data.response, which was not visible in the chrome console but in my text editor.
So i just run trim() before parsing and everything works just fine :slight_smile:
Thanks for helping.

Skee

Ionic run time error

$
0
0

Hi Sujan,
I have to learn ionic development with angularjs. I have followed an online tutorial. As suggested by the author I have downloaded template app using command 'ionic start githubIonic tutorial --v2'. Replaced the pages with custom pages and made changes in typescript files. I have shared my solution here.

https://drive.google.com/open?id=0B37YRSoI0rdZQU9zaE5IUGpEaUk

I am just a beginner. Kindly ignore any mistakes.

Thanks for your help!

Cheers,
Shree

Keyboard "Send" button error

How to check if duplicate key exists in local -storage in ionic

$
0
0

I have stored data in local storage,with key and values,

key is account name..
When a user creates a new account ,i want to put a check if the same key exists or not ..

how should i achieve this,if the same key exists,then alert should be created else not..

I tried using the get item function ,but everytime it returns null,wheteer or not the key exists..

 if(localstorage.getItem(this.account.value.name)===null)
{
alert
}
else..
{
}

this does not works for me...


Collapsible List on Creator

$
0
0

How can I creator a collapsible list in creator?

How to check if key exists in local-storage

$
0
0

let key = this.account.value.name;
		key = this._formatString(key);
		let entries = [];
		let entry = new Entry(new Date().toString(), 'DEP','Opening Balance','R',0, this.account.value.balance, this.account.value.balance);
		// console.log(entry);
		entries.push(entry);

	console.log(JSON.parse(localStorage.getItem(key)));
		let checkbook = new Checkbook(this.account.value.balance, this.account.value.budget, entries);


		var cart = localStorage.getItem(key) || {};
		if (cart) {
			console.log(JSON.parse(localStorage.getItem(key)));
    alert("Account exists");
  }
  else{

		this.store.set(key, JSON.stringify(checkbook)).then(val => {
			this._presentToast("Successfully created account: "+this.account.value.name);
			this.events.publish('account:created', new Date().toLocaleString());
			this.navCtrl.pop();
		});
  }

I tried this in mt home.ts file,but everytime I am getting the message key exists...,\
whether or not it is a duplicate...
Please tell where I am wrong

Etiqueta

Runtime error when executing ionic-starter-aws

$
0
0

Hey there! I created an Ionic app based on the ionic-starter-aws template (named aws). When runing the app with ionic serve I got the following error after I logged in with username / password:

Runtime Error
this.isAuthenticated is not a function
Stack:
TypeError: this.isAuthenticated is not a function
    at Object.onSuccess (http://localhost:8100/build/main.js:171:26)
    at e.value (http://localhost:8100/assets/amazon-cognito-identity.min.js:17:19389)
    at http://localhost:8100/assets/amazon-cognito-identity.min.js:17:18878
    at constructor.<anonymous> (http://localhost:8100/assets/amazon-cognito-identity.min.js:17:18333)
    at constructor.<anonymous> (http://localhost:8100/assets/aws-cognito-sdk.min.js:21:15952)
    at constructor.callListeners (http://localhost:8100/assets/aws-cognito-sdk.min.js:21:24558)
    at constructor.emit (http://localhost:8100/assets/aws-cognito-sdk.min.js:21:24267)
    at constructor.emitEvent (http://localhost:8100/assets/aws-cognito-sdk.min.js:21:18671)
    at constructor.a (http://localhost:8100/assets/aws-cognito-sdk.min.js:21:14521)
    at d.runTo (http://localhost:8100/assets/aws-cognito-sdk.min.js:22:12444)

When I refresh the page, the login is successful.

The same happend, when I ceate a new Task inside the app.

Runtime Error
this.refreshTasks is not a function
Stack:
TypeError: this.refreshTasks is not a function
    at constructor.<anonymous> (http://localhost:8100/build/main.js:754:26)
    at constructor.<anonymous> (http://localhost:8100/assets/aws-sdk.min.js:38:3807)
    at constructor.callListeners (http://localhost:8100/assets/aws-sdk.min.js:38:19482)
    at constructor.emit (http://localhost:8100/assets/aws-sdk.min.js:38:19191)
    at constructor.emitEvent (http://localhost:8100/assets/aws-sdk.min.js:38:6527)
    at constructor.e (http://localhost:8100/assets/aws-sdk.min.js:38:2292)
    at a.runTo (http://localhost:8100/assets/aws-sdk.min.js:39:26375)
    at http://localhost:8100/assets/aws-sdk.min.js:39:26582
    at constructor.<anonymous> (http://localhost:8100/assets/aws-sdk.min.js:38:2502)
    at constructor.<anonymous> (http://localhost:8100/assets/aws-sdk.min.js:38:6582)

Refresh, and the task is created...

I cannot sort this out:-( Can anybody help?

My environment:
Ionic Framework: 3.5.0
Ionic App Scripts: 2.0.0
Angular Core: 4.1.3
Angular Compiler CLI: 4.1.3
Node: 7.7.4
OS Platform: Windows 10
Navigator Platform: Win32
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.115 Safari/537.36

Thanks in advance!

Multiple Google Maps Marker with data from firebase

$
0
0

Hi there,
I currently working on setting multiple Google maps Markers with addresses from firebase.
But I'm really confused about getting/ looping through the data from firebase the right way and to use it for the markers then.

My datastructure in firebase is:

foodList
- food key
|__ address
|__ some other data ...
- food key
|__ address
|__ some other data ...

I'm using native geocoder to translate the addresses in lat and long


That's my code so far:

@Component({
    selector: 'page-maps',
    templateUrl: 'maps.html'
})
export class MapsPage {


    @ViewChild('map') mapElement;
    map: any;
    public currentLocation;
    public foodLocations;
    public address;

    public getAddresses: Array<any>;

    constructor(public navCtrl: NavController,
        public foodlistdataProvider: FoodlistdataProvider,
        public geolocation: Geolocation,
        public nativeGeocoder: NativeGeocoder) {
    }

    ionViewDidEnter() {
        this.initMap();
        this.getAddressdata();
    }

    initMap() {

        this.geolocation.getCurrentPosition().then((position) => {
            let LatLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);

            this.currentLocation = LatLng;

            let mapOptions = {
                center: LatLng,
                zoom: 15,
                navigationControl: true,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            this.map = new google.maps.Map(this.mapElement.nativeElement, mapOptions);

            this.addMarkerCurrentPosition();

        }, (error) => {
            console.log(error);

            });

    }

    addMarkerCurrentPosition() {

        let marker = new google.maps.Marker({
            position: this.currentLocation,
            map: this.map
        });

    }

    getAddressdata() {

//is this the right way to get the address data?
        this.foodlistdataProvider.getAddresses().on('value', snapshot => {
           this.address = snapshot.val().address
        });

        this.addFoodAddresses(this.address);

        }

    addFoodAddresses(markers) {

        for (let marker of markers) {
            this.nativeGeocoder.forwardGeocode(this.address)
                .then((coordinates: NativeGeocoderForwardResult) => {
                    let Address = new google.maps.LatLng(markers.coordinates.latitude, markers.coordinates.longitude);


                    let marker = new google.maps.Marker({
                        position: Address,
                        map: this.map
                    });

                });
        }
    }

I'm stucked and would really appricate some help! cheers

How to check if key exists in local-storage

$
0
0

What is this? I think you should use Ionic Storage here. Then .get returns a promise, so you have to work with it differently (see docs for example).

Ionic cli 3.4 issue

$
0
0

when i am punting any types of command it's always throw this-

? Looks like this is an Ionic Angular project, would you like to install @ionic/cli-plugin-ionic-angular and continue? Yes

it is always ask y/n if i choose y. it is throw above error.


Help with AWS IoT Sample

$
0
0

Hi,

I am new to Ionic and was following the Tutorial posted on your blog:
http://blog.ionic.io/ionic-apps-with-aws-mobile-app-backend/

I got to the part where I import the template by running the command: ionic start git2it blank

And then replace the www directory with the contents of this zip file: https://s3.amazonaws.com/solutions-reference/mobile-backend/git2it_sample_app.zip

I followed that step and when running ionic serve I am presented with the default Ionic Blank template:

Does anyone knows what could be missing/incorrect from the template files? I am new to Ionic and couldn't identify it.

Thanks in advance!

webpackJsonp not found when running ionic-starter-aws

Ionic printer issue

$
0
0

Please edit your post, it is not very readable at the moment.
Use the </> button above the input field to format your code, command line output or error message (select the text first, then click the button or wrap it in ``` manually). Check the preview if it looks better. This will make sure your text is readable and if it recognizes the programming language it also automatically adds code syntax highlighting. Thanks.

AWS Mobile Hub Starter

$
0
0

Feel free to create a Pull Request on Github, it is Open Source after all.

Issue with @translate3d in _animations.scss

$
0
0

What kind of project did you create in Creator?
What instructions are you following?

Viewing all 228551 articles
Browse latest View live


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