In the future, please post textual information as text, not images.
Before you do anything else, install and use nvm. It should save you from this problem and a bunch more that you’re about to get run over by.
↧
Command line not working
↧
Events Broadcasting in ionic5
No, I’m kinda set on this 
But I really appreciate your feedback, always super helpful. 
↧
↧
Events Broadcasting in ionic5
Maybe follow up question - I guess the menu does not have to live in the app.components.html as it’s shown in the examples… right? I think this is just a design flaw on my end that I used the sample codes to make it work and go from there.
↧
Command line not working
↧
Command line not working
No forking needed. Installation instructions are given in the top-level README that the link should have delivered you to.
↧
↧
Ionic 4 IonDatetime. color overlaps --placeholder-color
this is how the component looks like
although the style is
.datetimeInput {
–padding-start: 0px;
font-style: normal;
font-weight: 500;
–placeholder-color: #bdbdbd !important; //it’s gray, not black
color: #333333;//its black
font-size: 16px;
}
and component
<IonDatetime
slot=“start”
onIonChange={(e) => onChange(e)}
value={value}
className={styles.datetimeInput}
displayFormat=“DD/MM/YYYY hh:mm”
placeholder={t(“Date and time of the attack”)}
/>
placeholder has the same color as the main one
↧
Unable to display images
We can use it, but the issue is rendering as thumbnail where imagePath is correct and can observe on browser.
↧
Cant post data form
Kindly help me solved this issues the i cant register but the form was said to be functioning on another system.
{{ 'Registerpage_title' | translate }}{{ 'appname' | translate }}
<ion-item>
<ion-label fixed color="primary"> {{ 'Registerpage_name' | translate }}</ion-label>
<ion-input type="text" [(ngModel)]="userData.name"></ion-input>
</ion-item>
<ion-item>
<ion-label fixed color="primary"> {{ 'Registerpage_mobile' | translate }}</ion-label>
<ion-input type="number" [(ngModel)]="userData.mobile"></ion-input>
</ion-item>
<ion-item>
<ion-label fixed color="primary"> {{ 'Registerpage_address' | translate }}</ion-label>
<ion-input type="text" [(ngModel)]="userData.address"></ion-input>
</ion-item>
<ion-item>
<ion-label fixed color="primary"> {{ 'Registerpage_email' | translate }}</ion-label>
<ion-input type="email" [(ngModel)]="userData.email"></ion-input>
{{ 'Registerpage_register' | translate }}
{{ 'Registerpage_logintext' | translate }} {{ 'Registerpage_login' | translate }}
↧
Unable to display images
I’m sorry, but I can’t make any sense out of that last comment whatsoever.
↧
↧
Cant post data form
I see no <form> element indicating a submission action, and nothing that looks like a submission button.
Maybe this is because of the way you formatted the post. How to codefence.
↧
Cant post data form
Okay, am novice to ionic, i buy the code and he told me it was working fine from his side.
↧
Cant post data form
If I were you, I would ask for a refund and tell all my friends never to buy anything from this seller ever again.
I’m not sure what volunteers like me are expected to do in terms of supporting code that somebody else is profiting from.
↧
Cant post data form
You are right but i want to work on the code since i have basics on programing, kindly help if you can. Thank you
↧
↧
Ionic5: Loading items using ion-infinite-scroll position="top" is not smooth
Hi,
I need some help with upward direction infinite-scroll feature.
I have a vertical-scrollable calendar UI implemented using two ion-infinite-scroll components for handling both directions of scrolling to load data to the top and bottom of the list.
Swyping up (scrolling down) loads future dates to the calendar. Swyping down (scrolling up) loads past dates to the calendar.
The component HTML is something like this:
<ion-infinite-scroll threshold="0px" position="top" (ionInfinite)="loadData($event, 'top')">
<ion-infinite-scroll-content loadingSpinner="dots" loadingText=""></ion-infinite-scroll-content>
</ion-infinite-scroll>
<ion-grid *ngFor="let row of calendarEvents">
<ion-row>
<ion-col size="2">
<strong>{{ row.date }}</strong>
</ion-col>
<ion-col size="10" class="event-title">
<div *ngFor="let event of row.events">
{{ event.title }}
</div>
</ion-col>
<ion-row>
</ion-grid>
<ion-infinite-scroll threshold="50px" position="bottom" (ionInfinite)="loadData($event, 'bottom')">
<ion-infinite-scroll-content loadingSpinner="dots" loadingText=""></ion-infinite-scroll-content>
</ion-infinite-scroll>
Scrolling down and appending more items to the bottom of the list is all OK. However, scrolling up and prepending more items to the top of the list doesn’t produce a smooth result. FYI, to prepend items to the calendarEvents array, I am using Array.concat() method, which is something like this:
this.calendarEvents = olderDateEventsArray.concat(this.calendarEvents);
So the issue is, when for example, 10 new elements are added to the top of the array, one of these issues happen randomly:
- The page scroll position jumps to the most top of the page thus triggering another top infinite-scroll.
- Or the page scroll position jumps to the top by around 50 to 100px
Just to clarify, what I am expecting to see is a seamless interaction of top infinite scroll. Meaning when the user scrolls to the top, the ion-infinite-scroll-content loading indicator appears, then the new elements are added to the top of the list but the page scroll position remains and there’s no jumping effect at all.
I would love to hear your input about making this work.
Thank you in advance.
↧
In Ionic4 Data storage and local storage is not working in the phone
How can I do the same on ion react?
↧
Ionic for IOS with Wordpress
Hello,
I’m using ionic3 to build E-commerce app with Wordpress as a backend.
I’m using Woocommerce api to get products, orders, ect. this my code to configure it
import * as WC from "woocommerce-api";
Woocommerce = WC({
url: this.url,
consumerKey: this.consumerKey,
consumerSecret: this.consumerSecret,
wpAPI: true,
queryStringAuth: true,
version: "wc/v2"
});
let query = "products?" + "page=" + this.page;
if (this.selected != "") query = "products?page=" + this.page;
query = query + "&status=publish" + "&" + this.config.productsArguments;
this.config.Woocommerce.getAsync(query).then((data) => {
console.log(data)
})
It worked on android Well but on Ios i have this error :
https://testsite.com/wp-json/wc/v2/products?include=2047%2C1828%2C1768%2C1767%2C1766%2C1765%2C1763&status=publish&order=desc&orderby=date&lang=en¤cy=EGP&consumer_key=ck_xxxxxxxxxxxxxxxx&consumer_secret=cs_xxxxxxxxxxxxxxz
Failed to load resource: Origin httpsionic://localhost is not allowed by Access-Control-Allow-Origin.
↧
Infinite scroll: have to scroll up and down
@iondo What I’m not seeing is the place where you indicate that it has reached the ma length.
I understand that from the server pagination, you should send a: “totalLength”, but what I observe is that you reach and only match the same amount always 
↧
↧
readAsArrayBuffer promise does not resolve
@aquinaswuwua Why are you doing the open(); synchronous before reading the buffer?
Notice the .then(); it should also be an await:
this.fileOpener.open(file.nativeURL, 'application/pdf')
.then(() => alert('File is opened'))
.catch(e => alert(`Error openening file ${JSON.stringify(e)}`));
If not, comment on that extract and try again.
↧
Android project is not compiled at Android Studio because of gradle inconsistency
Awesome, dear @victor-shelepen
If so, you could conclude the topic by marking as a solution what you consider appropriate.
↧
Ionic for IOS with Wordpress
Did you check if the headers are set by your web- or proxy-server? I guess you can’t easily override them in that case…
This enable-cors.org/server.html is a good starting point - if the webserver is under your control. Otherwise you may have to talk to your hosting company.
↧