But if i remove this i will show an error in the normal run method "ionic cordova run android "
↧
Build Error in ionic v3
↧
Build Error in ionic v3
No
Running the cmd with --prod add extra checks which are not performed for example when you run ionic serve
This means that you face there the error too, it is just not shown
↧
↧
Split Pane Toggle on Big screen
I have a split pane in my application and it works as expected.
But I have a requirement that on the big screens when the split pane is visible, is there any way the user can toggle the split pane on big screens ?
↧
[Ionic 3] Empty List with *ngFor and pipe (present data from object) [Solved]
I solved the above error with:
this.myUser = newUser.results;
Results is the name of the called object api (ex. from https://randomuser.me/api/?results=10 ).
Provider - contactos-api.ts
import { Http, Response } from "@angular/http";
import { Injectable } from '@angular/core';
import 'rxjs/add/operator/map';
import { Observable } from "rxjs";
@Injectable()
export class ContactosApiProvider {
constructor(private http: Http) {
}
getData(){
return this.http.get('https://randomuser.me/api/?results=10')
.map((data: Response) => data.json());
}
}
home.ts
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { Http } from '@angular/http';
import { Observable } from 'rxjs';
import { ContactosApiProvider} from '../../providers/contactos-api/contactos-api';
import 'rxjs/add/operator/map';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
myUser = [];
constructor(public navCtrl: NavController, public contactosApiProvider: ContactosApiProvider) {
contactosApiProvider.getData().subscribe(newUser => {
this.myUser = newUser.results;
console.log(this.myUser);
});
}
}
↧
Monitoring errors while offline
Before diving into pro (and evaluating Monitoring) I was wondering if errors caught while the app is offline are stored locally and then sent up once the device goes back online?
↧
↧
This.http.post complex object to ASP.NET WebAPI method
It does not seem that this forum is very useful. Has no one had this problem?
↧
Splashscreen for Ionic website
You might want to look into modifying your index.html to do this.
↧
How to getCurrent time without using picker
How to get CurrentTime in ionic framework without using date and time pickers.
TimsStamp on image.
Ex:
As instagram posts get updated with both time and address(GPS).
↧
Remove console logs (release)
Can I do something similar with an older Ionic v1 app?
↧
↧
TextBox doesn't work on IphoneX emulator
I’ve introduced a textbook on my app and I’m testing it and it works in all the devices except in iPhoneX… Anyone facing this issue??
↧
How to getCurrent time without using picker
you can use simple date() function to get current time
↧
@ionic-native/file-transfer/index.d.ts, found version 4, expected 3
hey, Thanks it working for me
when downgrade native plugin version 
↧
ORIGINAL EXCEPTION: TypeError: deps is undefined
Waiting for the ans.
Please help, Unable to understand the error in 2017. 
Email : kadam.virajkadam@gmail.com
Thank you in advance.
Regards,
Viraj Kadam. [ TheViraj.com ]
↧
↧
How to create a drag-able button in Ionic?
Hello Guys,
I have a requirement to create a swipe button. The button should be a circular shaped, at the bottom-left corner of the screen. User should be able to drag the button from left to right. Once the drag is complete, an action should be invoked.
To make myself more clear, you can think of ‘Uber’ application, where there is a drag-able button which says ‘Swipe to confirm pickup’ or ‘Swipe to complete ride’.
Is there any builtin/standard component available which will help me to achieve this? or this will require a complete custom implementation? Also, is there any library available to do this? I am sure many of you must have accomplished this before.
Thanks,
Tejas
↧
App is not lunching in browser
Hello All,
I am beginner in ionic and i have installed ionic 3 blank template app. And then i try to run the app by ionic serve command it can’t open in web browser and just output like below.
output :
Starting app-scripts server: --address 0.0.0.0 --port 8100 --livereload-port
35729 --dev-logger-port 53703 --nobrowser - Ctrl+C to cancel
[17:49:50] watch started …
[17:49:50] build dev started …
[17:49:50] clean started …
[17:49:50] clean finished in 6 ms
[17:49:50] copy started …
[17:49:50] deeplinks started …
[17:49:50] deeplinks finished in 42 ms
[17:49:50] transpile started …
[17:50:00] transpile finished in 9.70 s
[17:50:00] preprocess started …
[17:50:00] preprocess finished in 1 ms
[17:50:00] webpack started …
[17:50:00] copy finished in 10.04 s
[17:50:10] webpack finished in 10.31 s
[17:50:10] sass started …
[17:50:12] sass finished in 2.04 s
[17:50:12] postprocess started …
[17:50:12] postprocess finished in 12 ms
[17:50:12] lint started …
[17:50:12] build dev finished in 22.28 s
[17:50:13] watch ready in 22.42 s
[17:50:13] dev server running: http://localhost:8100/
[OK] Development server running!
Local: http://localhost:8100
External: http://192.168.1.101:8100
DevApp: ionic-demo@8100 on admin-PC
Environment Information :
cli packages: (C:\Users\admin\AppData\Roaming\npm\node_modules)
@ionic/cli-utils : 1.18.0
ionic (Ionic CLI) : 3.18.0
global packages:
cordova (Cordova CLI) : 7.1.0
local packages:
@ionic/app-scripts : 3.1.2
Cordova Platforms : none
Ionic Framework : ionic-angular 3.9.2
System:
Node : v8.9.1
npm : 5.5.1
OS : Windows 7
Environment Variables:
ANDROID_HOME : not set
Misc:
backend : pro
Please Please all ionic masters provide me your best ideas to run my app.
↧
Problem accessing Jquery in a custom .js file included in iconic 3 project
I had a game developed by Createjs on html5 now i want to add this game to a page in iconi 3 project.
i installed jguery for ionic using npm
npm install jquery --save
typings install dt~jquery --global --save
and import it on top of ts file:
import * as $ from 'jquery'
and same method to install Createjs module
i did not add my costum .js file to index.htm instead i add it this way:
ionViewDidLoad() {
var jQuery = $;
var script = document.createElement("script");
script.src = "../assets/js/GameEngine.js";
document.getElementsByTagName("head")[0].appendChild(script);
}
but in runtime i have error :
Runtime Error
jQuery is not defined
Stack
ReferenceError: jQuery is not defined
at http://localhost:8100/assets/js/GameEngine.js:74:5
at http://localhost:8100/assets/js/GameEngine.js:76:3
but $ is accessible in .ts file !
in other word i think since ionic is developing everyday there should be easiest way to include costum js files in this ts projects !?
↧
WordPress Hybrid Client + Ionic
Hello,
I am new to Ionic, i have a wordpress based website, i want to make an app for it with ionic.
I found this project on github (WordPress Hybrid Client) https://github.com/wordpress-clients/hybrid
Can i make my ionic app with WPHC ?
↧
↧
Splashscreen for Ionic website
As @Sujan12 said, you can put your custom loading content inside <ion-app></ion-app> in index.html.
For example:
<ion-app>
<style>
.loading {
width: 80px;
height: 80px;
margin: 200px auto;
background-color: #333;
border-radius: 100%;
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
0% {
-webkit-transform: scale(0)
}
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes sk-scaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
opacity: 0;
}
}
</style>
<div class="loading"></div>
</ion-app>
Or for an example of an animated svg, see:
↧
How to getCurrent time without using picker
You can log this
let date = new Date()
console.log("Current Date ",date)
↧
App is not lunching in browser
try: npm run ionic:serve
↧
