…and, by the way, it’s never necessary.
↧
Ionic iOS build process failing
↧
Open page already scrolled at bottom (chat app)
The lag when we enter the Page and then Scroll to the Bottom is there and visible, so the Solution from @mhartington is not ideal.
Is there no way to load the Chat already scrolled to bottom?
↧
↧
Where to temporary store a variable so that it can not be deleted when you refresh a page
OMG! It’s my fault, didn’t see that it was enterprise stuffs… 
↧
Ionic and ACF Repeater field
could you please share that how you did it?
↧
Ion-avatar & ion-thumbnail display problem
When I use <ion-avatar> or <ion-thumbnail> the image is not displayed instead a white empty is take the place, after I refresh the app I see the images displayed but when I do some actions like navigation that white space is appeared.
how I can fix this problem ?
code snapshot:
<ion-thumbnail *ngIf="user.photoUrl" slot="start">
<ion-img [src]="user.photoUrl"></ion-img>
</ion-thumbnail>
ion-thumbnail {
--border-radius: 50%;
}
↧
↧
FCM onNotification only works when app is in background
Did you find a solution to this problem? I’m having the same issue whereby the onNotification() does not show anything in foreground but shows the push notification when the app is minimized or closed.
↧
How is it possible to make interface like Snapchat using cordova and ionic?
It is possible using cordova camera preview
↧
Multiple ion-select in same page trigger wrong popup
This works for me too. Thanks.
↧
Removing highlight border from input
.item-interactive {
--highlight-background: unset;
}
↧
↧
Ionic + Firebase Build for iOS and Android Not Working/Complex Issues
Thank you so much! Will hit you up on Skype!
↧
Search/Filter list in Ionic 4 and Firestore
I’ve tried so many tutorials, but I can’t find any solution on how to perform a search function.i would like to search in StudentList collection by a field called booth I would feel grateful if someone willing to help me. so this is my CRUD
firebase.service.ts
import { Injectable } from '@angular/core';
import { AngularFirestore, AngularFirestoreDocument,AngularFirestoreCollection, DocumentReference } from '@angular/fire/firestore';
import { AngularFireAuth } from '@angular/fire/auth';
import { Subscription, Observable } from 'rxjs';
import {map, take} from 'rxjs/operators';
import {studl} from '../modal/studl';
@Injectable({
providedIn: 'root'
})
export class FirebaseService {
private students: Observable<studl[]>;
private studCollection: AngularFirestoreCollection<studl>;
constructor(
public afs: AngularFirestore,
public afAuth: AngularFireAuth) {
this.studCollection = this.afs.collection<studl>('StudentList');
this.students = this.studCollection.snapshotChanges().pipe(
map(actions => {
return actions.map(a => {
const data = a.payload.doc.data();
const id = a.payload.doc.id;
return { id, ...data };
});
})
);
}
//getall
getAllStud(): Observable<studl[]> {
return this.students;
}
//getsingle
getStudSingle(id: string): Observable<studl> {
return this.studCollection.doc<studl>(id).valueChanges().pipe(
take(1),
map(note => {
note.id = id;
return note;
})
);
}
}
}
Home.html
<ion-content>
<div class="title-block">
<div class="heading"></div>
</div>
<ion-searchba></ion-searchbar >
<ion-list>
<ion-list-header>
<ion-label>Select your student</ion-label>
</ion-list-header>
<ion-item *ngFor="let note of (students | async)">
<ion-thumbnail slot="start">
<img src="assets/icon/check.png">
</ion-thumbnail>
<ion-label>
<h5>{{note.name}}</h5>
<p>Matrix:{{note.matrix}}</p>
<p>Booth:{{note.booth}}</p>
</ion-label>
<ion-button fill="outline" slot="end" [routerLink]="'/role/'+note.id">Evaluate</ion-button>
</ion-item>
</ion-list>
</ion-content>
Home.ts
import { Component, OnInit } from '@angular/core';
import { AuthenticateService } from '../services/authentication.service';
import { LoadingController } from '@ionic/angular';
import { Router, ActivatedRoute, Params } from '@angular/router';
import { NavController, ModalController } from '@ionic/angular';
import { FirebaseService } from '../services/firebase.service'
import { AngularFirestore } from '@angular/fire/firestore';
import { FormControl } from '@angular/forms';
//import { debounceTime } from 'rxjs/operators';
import { studl } from '../modal/studl';
import { Observable } from 'rxjs';
@Component({
selector: 'app-studlist',
templateUrl: './studlist.page.html',
styleUrls: ['./studlist.page.scss'],
})
export class StudlistPage implements OnInit {
public students: Observable<studl[]>;
constructor(
public loadingCtrl: LoadingController,
private authService: AuthenticateService,
private fService: FirebaseService,
private firestore: AngularFirestore,
private router: Router,
private route: ActivatedRoute,
private navCtrl: NavController
) { }
ngOnInit() {
this.students = this.fService.getAllStud();
}
Studl.modal.ts
export interface studl {
id?: any;
name: string;
booth: string;
matrix: string;
cspmark:string;
exmark:string;
svmark:string;
}
↧
@ionic-native/file-transfer/index.d.ts, found version 4, expected 3
Thanks man 
same my old project works fine now
↧
For which project is Ionic suitable?
As there are lots of online shopping sites .African clothing is famous in all the world for its new trends and lifestyle.Here you will find out the bet outfits of Africa for both men and women
↧
↧
Publishing App
I very much appreciate your help, it helped me a lot.
↧
Side Menu in its own component
I am trying to set the SideMenu and the SideHeader in its own components in my application. But, I believe that due the fact of the relationship w/ contentId, it is not working.
Does someone have a working example?
<ion-app>
<ion-split-pane contentId="content" >
<ion-menu contentId="side-menu-content" type="overlay" class="side-menu">
<app-side-menu></app-side-menu>
</ion-menu>
<ion-router-outlet id="content" main></ion-router-outlet>
</ion-split-pane>
</ion-app>
I also tried to put the ion-menu inside the component w/ no success.
↧
Make app-debug.apk use production API URL
It’s been a while though. Were you able to resolve this? I am hitting my head agains walls with exact same problem. Let me know. Thanks.
↧
What is External and ExternalStorage in FilesystemDirectory
Can someone tell me where those paths save to? I would like to save files onto device locations like the user’s Document folder in iOS or on iCloud drive.
↧
↧
Bkg-img path on a scss file?
I am trying to add a background-image property in a selector (div) from the scss file, and I just can’t make it work.
Tried every possible path and doesn’t work.
My image is located in the assets/img/thumb.png
If I add the image from the HTML template, I use./assets/img/thumb.png and it works!
Bit not if I try to load from the scss file.
Please help!
↧
this.firebaseAuthentication.verifyPhoneNumber(...).then is not a function in ionic 4
I am trying to add firebase phone authentication to my app and I used this tutorial to help me https://www.youtube.com/watch?v=R906OGFurJg. I am getting an ERROR TypeError: this.firebaseAuthentication.verifyPhoneNumber(...).then is not a function in my console for the line inside the function. This function sends the number and in return we get the code verification message
app.module.ts
import { AngularFireModule } from '@angular/fire';
import { environment } from '../environments/environment';
import { FirebaseAuthentication } from '@ionic-native/firebase-authentication/ngx';
@NgModule({
declarations: [AppComponent],
entryComponents: [],
// tslint:disable-next-line: max-line-length
imports: [AngularFireModule.initializeApp(environment.firebase, 'test'),
],
providers: [
FirebaseAuthentication,
{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
],
bootstrap: [AppComponent]
})
export class AppModule {}
.ts file
import { FirebaseAuthentication } from '@ionic-native/firebase-authentication/ngx';
export class Page two {
verificationID: string = "";
numpad: any;
selectedCode: any;
constructor(public firebaseAuthentication: FirebaseAuthentication) {}
btnClicked(){
const tell = this.selectedCode + this.numpad;
this.firebaseAuthentication.verifyPhoneNumber(tell, 30000).then((verificationID) => {
console.log(verificationID);
this.verificationID = verificationID;
}).catch((error) => {
});
this.startTimer(1);
}
↧
this.firebaseAuthentication.verifyPhoneNumber(...).then is not a function in ionic 4
package.json likely relevant.
↧