thinks for suggesting me a working idea it help me to short out my problem.
Ionic delete images from php server
Issue with @translate3d in _animations.scss
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
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
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
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
Thanks for helping.
Skee
Ionic run time error
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
Anyone has any tips?
How to check if duplicate key exists in local -storage in ionic
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
How can I creator a collapsible list in creator?
How to check if key exists in local-storage
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
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
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
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
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
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
I created a pull request to fix this: https://github.com/ionic-team/ionic2-starter-aws/pull/29 Seems to have been forgotten when updating the ionic2-app-base to use app-scripts 2.x
Ionic printer issue
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
Feel free to create a Pull Request on Github, it is Open Source after all.
Issue with @translate3d in _animations.scss
What kind of project did you create in Creator?
What instructions are you following?