I was stuck on using query's and finally found the fix myself! You will have to create one or more constraints, which is a where() for example. Then you use a query, in which you pass the collection you want to query and the queryConstraints Example in my code where I used 2 constraints to get orders from a specific date: const ordersRef = collection(this.firestore, this.ORDER_COLLECTION_NAME); const startDateConstraint = where('date', '>=', date1); const endDateConstraint = where('date', '
Just a quick reminder for whoever gets the error: "Missing or insufficient permissions" You might have to change the read and write permission under the rules tab in firestore database
I'm familiar with Angular and I also would like to develop mobile applications. That's why I am here! And to be honest, Ionic impressed me. I actually decided to learn Flutter but now, I am a bit confused. The video was great by the way. Thank you.
WOW man i missed this vid ! this is what i needed ! Amazing tutor work Simon Thank you so much for your vids ! i am making a second hand store (peer to peer) with a chat app inside and your videos are so helpful i am coming back to them again and again and i have learned so much from you ! amazing work thank you again ! if you would be so kind and tell me if you already have a video on a chat messenger app with Angular and Firebase , or if you dont have any would you do more videos on the rest functions of Firebase and angular ionic.... ? that would be amazing . i see you cover alot of topics and frameworks clis and stuff like that .... just stating my interest peace out ! keep up the good hard work !
Hi, thank you for sharing this amazing knowledge.... I need your advice, I am getting an ifinite loop of data, all the objects lets say are repeating over and over, do you have any advice based on this tutorial of how to avoid duplicated data. Thank you in advance for taking your time to share your knowledge this way.
Thanks, good tutorial. It all worked, except the modal breakpoints - I used a cssClass instead. My Cloud Firestore didn't have the Test Mode, had to limit access with a date limit.
I am having the same issue. Ionic CLI : 6.16.1 (/usr/local/lib/node_modules/@ionic/cli) Ionic Framework : @ionic/angular 5.9.1 @angular-devkit/build-angular : 12.1.4 @angular-devkit/schematics : 12.2.13 @angular/cli : 12.1.4 @ionic/angular-toolkit : 4.0.0 Capacitor: Capacitor CLI : 3.3.2 @capacitor/core : 3.3.2 ERROR says: Argument of type '{ component: typeof ModalPage; componentProps: { id: string; }; cssClass: string; breakpoints: number[]; initialBreakpoint: number; }' is not assignable to parameter of type 'ModalOptions'. Object literal may only specify known properties, and 'breakpoints' does not exist in type 'ModalOptions'.ts(2345)
great tutorial! btw i have applied your get collections method to my codes and i got a problem. it works and delivers to console but doesnt load to screen sometimes ( the data from *ngFor doesnt show so i have to do smth like minimize the browser and then it'd shows right away lol) . from what ive searched it might be bcs of the async things. any thoughts? thanks!
thank you so much for yours videos, you are awesome, could bring videos about authentication and file upload, the angular-fire documentation isn't helping me much 😅
good morning please need help on angular and angular fire 7. I am creating an application but I have a problem I want to recover the data of a document in firetore from its id, I recover well the id but not its data and in the console of my browser I am told that my post variable is undefined I don't know what to do. help me sorry
Nice work Simon! Really made understanding the Firebase changes easy to grasp. My first crack at Ionic too... and I kinda like it.. I have couple of Flutter apps in production, but need web functionality, which Flutter is still a bit klunky with. I can see myself taking advantage of the latest Firebase JS and Ionic. Thanks again
Thanks! Helpful video, especially in light of the fact that angularfire developers did not consider it necessary to update the documentation to version 7)). The video could be even more useful if you demonstrated exactly how you searched for this information. If you taught your viewers how to use the documentation, even more so terrible as in angularfire.
Thank you so much, your video has been truly helpful. As others mentioned in the comments, could you make a video explaining how to navigate the documentation and get all this information? Btw, to those who might have had the same issue as me when following the video: when invoking the doc function to get a single document from Firestore (12m48s), watch out how to pass its path: `notes/${id}`. I initially used the standard single quote (') and it was not working. The same thing should apply for updating or deleting the document.
Thank you X 1000, excellent tutorial, it helped me a lot. I have a question: is it possible to combine firestore (using data persistence) with an app that is already using sqlite?
I've follow the tutorial but I keep geting "ERROR FirebaseError: Expected type 'Query', but it was: a custom wh object" I try so many things to fix it but none has worked.
@@galaxies_dev there is no video related to this topic kindly make and help me. payment via UPI like phonepe, google pay, Paytm ... which are installed on the device.
@@galaxies_dev I am a learner, please make all topics related to shopping app. like - 1 . Login/Registration 2 . Wishlist 3 . Product filters and sorting 4 . product details page 5 . Add to cart 6 . Shipping Options 7 . Payment methods 8 . Order Invoice 9 . Checking Shipping Status 10 . Showing Recently viewed products in home screen. --😅 i know i asked lot of topics but, i really want to learn them. hope you'll make complete tutorial in it. ❤️ from India
![Noob To Max With DRAGON REWORK In Blox Fruits [FULL MOVIE]](http://i.ytimg.com/vi/LnBMOinoOvA/mqdefault.jpg)
![Seungmin "그렇게, 천천히, 우리(As we are)" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/kAzmhLHePqU/mqdefault.jpg)
Would love to see a video on authentication !
I was stuck on using query's and finally found the fix myself!
You will have to create one or more constraints, which is a where() for example.
Then you use a query, in which you pass the collection you want to query and the queryConstraints
Example in my code where I used 2 constraints to get orders from a specific date:
const ordersRef = collection(this.firestore, this.ORDER_COLLECTION_NAME);
const startDateConstraint = where('date', '>=', date1);
const endDateConstraint = where('date', '
Thanks for sharing your solution!
Thanks Jim, I've spent hours trying to do this.
Omg I feel so powerful knowing this is realtime. I always use intervals for checking updates but now, say goodbye to it. Thank you
Glad it was helpful!
Just a quick reminder for whoever gets the error: "Missing or insufficient permissions"
You might have to change the read and write permission under the rules tab in firestore database
I'm familiar with Angular and I also would like to develop mobile applications. That's why I am here! And to be honest, Ionic impressed me. I actually decided to learn Flutter but now, I am a bit confused. The video was great by the way. Thank you.
After one year you learn Ionic or flutter??
And which better??
For me i still learning ionic angular and i think it's better then flutter and
Authentication with best practises for Ionic would be helpful. Cant find much on that.
very worth it to subscribe! you really help me a lot! thanks man!
Glad I could help Feitan!
that modal breakpoints feature is dope!
Thank you for the update, a great video as always. can we please get a video on Auth and safe Gaurd with new version 7 :)
Yes it's on my list!
hello sir, Iwant to ask how to sort data ascending?
This is a huge help. Thanks!
Thank you for your videos really appreciate it. Can you make an angular fire 7 authentication video?
Yes, soon!
Hello sir how to make query order by?
Please answer me🙏🙏
By any chance you have the documentation for angular fire 7, I need to check the auth section?
I think they only updated the docs to use the /compat mode, but I'll try and come up with something!
@@galaxies_dev I appreciate it!!
When I open modal @24:07 only the buttons are visible:-(
code:
Title
Note
Update
Delete
thanks for the video , do you a link to the full documentation
18:49 I also felt like this when I used firebase the first time a few days ago. :D
true :D
WOW man i missed this vid ! this is what i needed ! Amazing tutor work Simon Thank you so much for your vids ! i am making a second hand store (peer to peer) with a chat app inside and your videos are so helpful i am coming back to them again and again and i have learned so much from you ! amazing work thank you again !
if you would be so kind and tell me if you already have a video on a chat messenger app with Angular and Firebase , or if you dont have any would you do more videos on the rest functions of Firebase and angular ionic.... ? that would be amazing . i see you cover alot of topics and frameworks clis and stuff like that .... just stating my interest peace out ! keep up the good hard work !
Thank you for angularfire 7.
Very helpful for me . Thanks
Happy to help
Love, love LOVE it Simon. Thank you so much.
Glad you like it Tony!
how can queries with orderBy with af7 ??
Hey, thanks man!
It helped me😁
This makes super fast to start a project! There is just one thing that makes it even faster & easier: Kickoff Ionic, of course! :D
Hi, thank you for sharing this amazing knowledge.... I need your advice, I am getting an ifinite loop of data, all the objects lets say are repeating over and over, do you have any advice based on this tutorial of how to avoid duplicated data. Thank you in advance for taking your time to share your knowledge this way.
When I connect to angular fire it asks for authentication code. Do you know how or where I can find this?
can we work this model with firebase offline mode?
Great video , thank you . Keep up the good work.
Thanks for watching!
Very useful, thank you have your tutorial video.
You are welcome!
if you face any error then use: npm i rxfire firebase rxjs --save
Would love to see auth stuff
Will do!
@@galaxies_dev Please do, I look forward to that one! Great tutorial as usual!
Thanks, good tutorial. It all worked, except the modal breakpoints - I used a cssClass instead. My Cloud Firestore didn't have the Test Mode, had to limit access with a date limit.
You need to be on Ionic 6 (or the RC right now) in order to use the modal with breakpoints!
I am having the same issue.
Ionic CLI : 6.16.1 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.9.1
@angular-devkit/build-angular : 12.1.4
@angular-devkit/schematics : 12.2.13
@angular/cli : 12.1.4
@ionic/angular-toolkit : 4.0.0
Capacitor:
Capacitor CLI : 3.3.2
@capacitor/core : 3.3.2
ERROR says:
Argument of type '{ component: typeof ModalPage; componentProps: { id: string; }; cssClass: string; breakpoints: number[]; initialBreakpoint: number; }' is not assignable to parameter of type 'ModalOptions'.
Object literal may only specify known properties, and 'breakpoints' does not exist in type 'ModalOptions'.ts(2345)
great tutorial! btw i have applied your get collections method to my codes and i got a problem. it works and delivers to console but doesnt load to screen sometimes ( the data from *ngFor doesnt show so i have to do smth like minimize the browser and then it'd shows right away lol) . from what ive searched it might be bcs of the async things. any thoughts? thanks!
Great tutorial. can you help us with a latest documentation on Firebase authentication.
Yeah will work on something about auth as well!
Yes, I am struggling to find documentation regarding the new Authentication features in Angularfire 7.
how to filter data by name?
thank you so much for yours videos, you are awesome, could bring videos about authentication and file upload, the angular-fire documentation isn't helping me much 😅
Yes sure, we've left out some parts so I'll do another one about that!
good morning please need help on angular and angular fire 7. I am creating an application but I have a problem I want to recover the data of a document in firetore from its id, I recover well the id but not its data and in the console of my browser I am told that my post variable is undefined I don't know what to do. help me sorry
Nice work Simon! Really made understanding the Firebase changes easy to grasp. My first crack at Ionic too... and I kinda like it..
I have couple of Flutter apps in production, but need web functionality, which Flutter is still a bit klunky with. I can see myself taking advantage of the latest Firebase JS and Ionic.
Thanks again
Glad to hear Michael and cool you find the Ionic way a bit easier than Flutter :)
Thanks for the tutorial!
No problem!
Thanks! Helpful video, especially in light of the fact that angularfire developers did not consider it necessary to update the documentation to version 7)).
The video could be even more useful if you demonstrated exactly how you searched for this information. If you taught your viewers how to use the documentation, even more so terrible as in angularfire.
Thanks for the feedback, agree! I'll see if I can come up with an additional video about all of that.
help me eror in app module.ts and in environments
Thank you so much:)
Offline mode?
very nice!! Do you have any video with firebase authentication with agularfire7?
Coming soon!
Thank you so much, your video has been truly helpful. As others mentioned in the comments, could you make a video explaining how to navigate the documentation and get all this information? Btw, to those who might have had the same issue as me when following the video: when invoking the doc function to get a single document from Firestore (12m48s), watch out how to pass its path: `notes/${id}`. I initially used the standard single quote (') and it was not working. The same thing should apply for updating or deleting the document.
Yes whenever I use variables in a string I'm using the backticks, it's a template literal!
Thank you X 1000, excellent tutorial, it helped me a lot. I have a question: is it possible to combine firestore (using data persistence) with an app that is already using sqlite?
I haven't tried yet :/
@@galaxies_dev ok, well, I'll try something and if I get anything I'll let you know.
@@galaxies_dev thanks for replying anyway.
I've follow the tutorial but I keep geting "ERROR FirebaseError: Expected type 'Query', but it was: a custom wh object"
I try so many things to fix it but none has worked.
try to downgrade the angular/fire package to "@angular/fire": "7.0.4", and run npm install --legacy-peer-deps to fix it.
I was having problems using copat layer of angularfire on ios. Has anyone been through this too?
kindly make a video on Ionic 6 Capacitor UPI Integration
Is that a special Android payment service?
@@galaxies_dev there is no video related to this topic kindly make and help me. payment via UPI like phonepe, google pay, Paytm ... which are installed on the device.
bro, make a complete ionic app development course with a shopping app project
Would love to hear your thoughts about the content, what do you think should be covered?
@@galaxies_dev
I am a learner, please make all topics related to shopping app.
like -
1 . Login/Registration
2 . Wishlist
3 . Product filters and sorting
4 . product details page
5 . Add to cart
6 . Shipping Options
7 . Payment methods
8 . Order Invoice
9 . Checking Shipping Status
10 . Showing Recently viewed products in home screen.
--😅
i know i asked lot of topics but, i really want to learn them.
hope you'll make complete tutorial in it.
❤️ from India
thats awesome
the breakpoints do not apply in angular 13
They do, you need to be on Ionic v6 for them to be available!
Not sure if it was just me but, even with 0.75 speed I had to pause the video to understand what you are doing :|
First