January 26, 2019, 11:41 am
@uvrcode wrote:
Hi everyone
I built a PWA with ionic 3 and angular 5.
Everytime when I make a new version I ran this command to build the www folder.
rm -rf www && ionic-app-scripts build --prod --minifyjs --minifycss --optimizejs
My problem is that it changes all the files even if I only change one line of code, so when my users try to open a page it can’t load and it raise an error, I don’t know if is the cache or something wrong with my service worker.
Someone can help me?
Posts: 1
Participants: 1
Read full topic
↧
January 26, 2019, 12:05 pm
@moblizeit wrote:
A lot of apps in public domain like games etc are free and come with ads.
I have seen a lot of those have a option go premium by paying say a $1.99 and they remove all ads.
How is this implemented in ionic. I understand how i can implement the logic part of showing or not showing based on paid or not. However, how does the part of taking to apple or google playstore paying for it and then checking with app store/play store if user paid or not works?
Posts: 2
Participants: 2
Read full topic
↧
↧
January 26, 2019, 12:40 pm
@mgurzenski wrote:
How do you show a popover pointing at a button on page load (without having the user click anything)? Like this:
Here’s my current HTML and TS
home.html
<ion-content padding>
<button ion-button (click)="showPopover($event)">Show Popover</button>
</ion-content>
home.ts
import { Component, ViewChild } from '@angular/core';
import { NavController, PopoverController } from 'ionic-angular';
import { RangeExtendPopoverPage } from "../range-extend-popover/range-extend-popover";
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
constructor(public navCtrl: NavController, private popoverCtrl: PopoverController) {}
showPopover(ev) {
let popover = this.popoverCtrl.create(RangeExtendPopoverPage);
popover.present({
ev: ev
});
}
}
Posts: 1
Participants: 1
Read full topic
↧
January 26, 2019, 12:45 pm
@Caturix99 wrote:
I have implemented an ion-back-button into my toolbar in order to navigate back. But the button is not at its proper place and somehow displaced.
I even directly copied the code from the documentation but it still doesn’t work.
<ion-header>
<ion-toolbar>
<ion-buttons slot="start">
<ion-back-button></ion-back-button>
</ion-buttons>
</ion-toolbar>
</ion-header>
Posts: 1
Participants: 1
Read full topic
↧
January 26, 2019, 12:49 pm
@aslan123 wrote:
Hi,
A few days ago, when I used to create Ionic projects, it would ask me whether I wanted to use Ionic 4 or not. I used to select no because I wanted to use Ionic 3.
However when I created an Ionic project today, it didn’t ask me whether I wanted to use Ionic 4 or not, hence I couldn’t select Ionic 3.
- Is this how it should be?
- How can I select Ionic 3?
Thank you.
Posts: 3
Participants: 2
Read full topic
↧
↧
January 26, 2019, 1:41 pm
@aslan123 wrote:
Hi,
I created a new Ionic 4 project.
When I ran ionic lab, it came with:
Lab: http://localhost:8200
Local: http://localhost:8100
i.e. 8200 vs 8100.
In the Browser, however Ionic lab does not work (neither on 8200 nor 8100) and it gives the following error:
ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'ionic-lab'
Error: Cannot match any routes. URL Segment: 'ionic-lab'
at Anonymous function (http://localhost:8100/vendor.js:70560:17)
at CatchSubscriber.prototype.error (http://localhost:8100/vendor.js:86427:17)
at Subscriber.prototype._error (http://localhost:8100/vendor.js:83166:9)
at Subscriber.prototype.error (http://localhost:8100/vendor.js:83146:13)
at Subscriber.prototype._error (http://localhost:8100/vendor.js:83166:9)
at Subscriber.prototype.error (http://localhost:8100/vendor.js:83146:13)
at Subscriber.prototype._error (http://localhost:8100/vendor.js:83166:9)
at Subscriber.prototype.error (http://localhost:8100/vendor.js:83146:13)
at TapSubscriber.prototype._error (http://localhost:8100/vendor.js:91160:9)
at Subscriber.prototype.error (http://localhost:8100/vendor.js:83146:13)
I therefore got around this problem through:
mkdir www
Posts: 1
Participants: 1
Read full topic
↧
January 26, 2019, 1:54 pm
@abird wrote:
I’m anxious to get going with Ionic 4 with Preact. So far I have been unable to get it to work. Has anyone been able to successfully import Ionic 4 into a Preact project?
Posts: 1
Participants: 1
Read full topic
↧
January 26, 2019, 6:53 pm
@mohammed_ali wrote:
Hello, I have problems with ion-datetime min and max values, In ionic 3 when you specify min and max dates when you press the input it only shows you days in between (let’s say between 2019-01/01 and 2019-01-15) any other dates will be removed and only these are visible and choosable, But in ionic 4 it select the min as default value and shows other dates other than specified dates but not clickable and in some cases after trying to click and change around I choose dates outside of provided range.
How to completely remove the dates outside the range of min and max from the input like in ionic 3 or at least disable them because currently, it has very bad UX. Here is my code:-
<ion-datetime display-format="YYYY-MM-DD" min="{{ items.today }}" max="{{ items.maxdate }}" [(ngModel)]="enddate" name="enddate">
Posts: 1
Participants: 1
Read full topic
↧
January 26, 2019, 8:11 pm
@JuanAlmeida wrote:
I’m pretty excited about the official release of v4 and the new docs page. Yeah, I know this is an early version of the new docs and is not finished yet, but I think somethings should be (re)implemented, like the searchbar.
I’m using Ionic v4 in a new personal project and there’s some features that we have to find at different places instead of the docs.
For example:
-
The component <ion-header> has the property no-border which removes (obviously) the border and the shadow of header, and the docs only shows mode="ios"|"md" and translucent="true"|"false".
-
The component <ion-slide> in the “Slides” section of the docs redirects you to an API Docs with an Not-Found.
It would be nice if the docs had every pre-made property that its components has.
Posts: 1
Participants: 1
Read full topic
↧
↧
January 26, 2019, 9:24 pm
@rothdevcon wrote:
Hello,
I am trying to create an ionic application working with offline map using leaflet or mapbox and mbtiles map from openmaptiles.org since 3 weeks now, can’t find any solutions.
Can anybody help with the code to impliment that please.
Thanks
Posts: 1
Participants: 1
Read full topic
↧
January 26, 2019, 11:40 pm
@ghonche-yqr wrote:
hi,
i’m developing an online shop application using ionic v3 framework. i’m wondering if its better to store data on the phone or not? one solution is to keep data in a local database on the mobile phone , fill the tables when opening the app and drop them on exit. another way is to cache the loaded data and show them if the user came back to same page again. or maybe i shouldn’t store any data at all?
does anyone know how online shops like amazon app do this?
Posts: 1
Participants: 1
Read full topic
↧
January 27, 2019, 12:00 am
@gharesh wrote:
Well my actual requriement is to trigger Android Intent from web app to a native mobile app. Can this be achieved in any way?
Posts: 1
Participants: 1
Read full topic
↧
January 27, 2019, 2:48 am
@cfwebsitesde wrote:
Hey guys…
I tyring to migrate my ionic v3 project into ionic v4… I think my error i got is kind of dumb, but when I migrate my provider to a new service i got a error caused by my AlertController.
ERROR Error: Uncaught (in promise): Error: StaticInjectorError(AppModule)[HomePage -> AlertController]:
StaticInjectorError(Platform: core)[HomePage -> AlertController]:
NullInjectorError: No provider for AlertController!
Error: StaticInjectorError(AppModule)[HomePage -> AlertController]:
StaticInjectorError(Platform: core)[HomePage -> AlertController]:
NullInjectorError: No provider for AlertController!
I think I have to do something in the app.module.ts or not? But what to do there…
import {AlertController} from “@ionic/angular”; -> in the service provider.
Posts: 2
Participants: 1
Read full topic
↧
↧
January 27, 2019, 3:55 am
@tonyawad88 wrote:
Hello,
We just started a feature request for an Ionic Calendar, if you guys would like to see one developed by the Ionic team, please check out this item on GitHub and thumbs up if you agree.
Cheers!
Posts: 1
Participants: 1
Read full topic
↧
January 27, 2019, 4:39 am
@indrafirmans wrote:
HI all,
i want report something, i am newbiee here
i try to learn ionic components from
but its doesn`t working
exsample :
<ion-label position="floating">Floating</ion-label>
but when i try
<ion-label floating>Floating</ion-label>
it`s work why it can be happend, other exsample
this is not working
<ion-button>Default</ion-button>
but when i change to
save
so something wrong with docs or there is bug from ionic ?
sorry if my english bad, hekp me please
Posts: 1
Participants: 1
Read full topic
↧
January 27, 2019, 4:40 am
@sauravcd02 wrote:
I am building an app for an a woocommerce website using IONIC 3. But I am facing CORS problem in my android device. I have installed disable CORS extension for chrome. But it doesn’t work for my android device.
postAsync method request blocked by CORS policy.
…
“Header set Access-Control-Allow-Origin “*”
Header set Access-Control-Allow-Credentials true”
…
after adding this line in my .htaccess file, getAsync works fine. but postAsync not.
Need some real solution.
Some of my code screenshots are attached below.
Thanks.
![1]()
Posts: 1
Participants: 1
Read full topic
↧
January 27, 2019, 5:04 am
@chayaz wrote:
Hi all,
i’m realy new in ionic,
i try to develop push notification to android,
my code-
app
const options: PushOptions = {
android: { "senderID": 'MY_SENDER_ID' },
ios: {
alert: 'true',
badge: true,
sound: 'false'
},
windows: {},
browser: {}
};
const pushObject: PushObject = this.push.init(options);
pushObject.on('notification').subscribe((notification: any) => {
console.log('Received a notification: ' + JSON.stringify(notification));
});
pushObject.on('registration').subscribe((registration: any) => {
this.registration = registration;
console.log('Device registered: ' + JSON.stringify(registration));
});
pushObject.on('error').subscribe(error => {
console.log('Error with Push plugin ' + error);
});
config.xml
<plugin name="phonegap-plugin-push" spec="2.2.3">
<variable name="SENDER_ID" value="MY_SENDER_ID" />
</plugin>
more details:
ionic 4
phonegap-plugin-push 2.2.3
i run the app on virtual device.
i’m getting error in the app-
’String resource ID #0x0’
Can everyone help me?
Posts: 1
Participants: 1
Read full topic
↧
↧
January 27, 2019, 6:02 am
@pkandoth wrote:
in app.component.ts
ngAfterViewInit(){
this.weather.getPosition().then(resp=>{
this.weather.currentWeather(resp.coords.longitude,resp.coords.latitude)
.subscribe(
res =>{
console.log(res);
}
)
});
}
in Providers
import ‘rxjs/add/observable/forkJoin’;
import ‘rxjs/add/operator/map’;
import ‘rxjs/Rx’;
currentWeather(lon: number, lat: number): Observable<any> {
const currentInfo = this.http.get(http://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${lon}&units=metric&APPID=${this.apiKey});
const forecastInfo = this.http.get(http://api.openweathermap.org/data/2.5/forecast/daily?lat=${lat}&lon=${lon}&units=metric&cnt=10&APPID=${this.apiKey});
return Observable.forkJoin([currentInfo, forecastInfo])
.map(responses => {
return .concat(…responses);
});
}
Attaching the image of the Error.
Please Help
Posts: 1
Participants: 1
Read full topic
↧
January 27, 2019, 6:16 am
↧
January 27, 2019, 6:29 am
↧
