thank you so much! The tutorial is so good, that you can use the api that you already had built and integrate it with angular following steps similar to yours.
Up until 1:41:56 all the things works but the image is not displaying in the web page. Image urls and also other things also correct , Do you know why is it? And also no error is displayed in the console.
I wanted to let you know that I have followed your tutorial, and the content is excellent. I was able to replicate the example you demonstrated using Angular 17 and Spring Boot 3. Additionally, I have made some modifications for scenarios with a large number of users, for example, 300 users or more. In such cases, I added pagination to prevent the page numbers from overflowing. I would like to share the repository where I have hosted the code with my modifications, and I would greatly appreciate your feedback to see if the changes meet your approval. Best regards.
one doubt bro i have total users of 36 so i want to display 10 per page but its not coming in the last page i.e on the 3rd page it shows 10 users where in my backend i am having 6 only then when i click 2 or 1 its fetching 6 per page
Hi Junior, thank you for your great content , I have already followed many of your courses , I have a question here on how to deal with big number of page (example 300 user with 10 per page we will have 30 page to show ) can we limit the number of page to show and hide the others , thanks a lot for your content
This one is tricky but it can be achieved quite easily. You see how I use the conditions to show different pieces of UI? You’d do the same for the pages. Except you’ll need to have a UI your show unless you’re at a certain page. Like 3 dots or something. It’s hard to explain in text but you should find some good example online.
Dear sir, you have amazing content. I enroll to your many courses in Udemy, I have learn many things form you. but in above if you do server side rendering you get some error like : Error: src/app/advisory-board/advisory-board.component.html:28:103 - error TS2339: Property 'appState' does not exist on type 'unknown'. 28 ~~~~~~~~ src/app/advisory-board/advisory-board.component.ts:12:16 12 templateUrl: './advisory-board.component.html', ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Error occurs in the template of component AdvisoryBoardComponent. Error: src/app/advisory-board/advisory-board.component.html:132:88 - error TS2339: Property 'appData' does not exist on type 'unknown'. 132 [ngClass]="(state?.appData?.data?.page?.totalPages - 1) == (wmembersCurrentPage$ | async) ? ' disabled' : ''"> can you please tell me how to solve this one ?
thank for this Sir, i really appreciate. but it dit not work for me. if i try but no. unless i precise the name of first Name. hius is my code return ResponseEntity.ok().body( HttpResponse.builder() .timestamp(now().toString()) .data(Map.of("page", produitSortService.getProduits("Johanna", page.orElse(0), size.orElse(10) ))) .message("product retrieve") .status(HttpStatus.OK) .statusCode(HttpStatus.OK.value()) .build()); }
That's awesome having you back! Great content
thank you so much!
The tutorial is so good, that you can use the api that you already had built and integrate it with angular following steps similar to yours.
Glad it helped!
Merci Nelson de amigosCode de m'avoir fait découvrir Junior.
Merci Junior.
De rien
A learn a lot and it help me to a real project :-)
Thanks a lot 🙂
Thank for sharing! Nice content! Hope you share more!
Hi, from Morocco, the tutorial is helpful & interesting.
Amazing content Junior! Thank you so much!
Thank you so much. Awesome tutorial.
Just found your channel. Awesome content, subscribed!
this is a very smart way to do a tuturial, nice work bro...
Thanks
Thanks Junior
I am beginner and thanks for your informative video content. am still learning
Up until 1:41:56 all the things works but the image is not displaying in the web page. Image urls and also other things also correct , Do you know why is it? And also no error is displayed in the console.
Add some logging throughout the code
Add them where you think the problem is.
Any tutorials for caching data? I really hope to understand how to solve this caching problem. Thanks
It will be helpful if there is a procedure or where should I start at
Is it possible to have a video that explains navigation with routes in angular please ! Merci
Coming soon...
Great man, thank you 🙏🏻
I wanted to let you know that I have followed your tutorial, and the content is excellent. I was able to replicate the example you demonstrated using Angular 17 and Spring Boot 3. Additionally, I have made some modifications for scenarios with a large number of users, for example, 300 users or more. In such cases, I added pagination to prevent the page numbers from overflowing.
I would like to share the repository where I have hosted the code with my modifications, and I would greatly appreciate your feedback to see if the changes meet your approval.
Best regards.
brilliant man..some react will do too...future ideas as more people know react
what if i am having 300 users the number will be too long how to fix that it will display 1 to 30
Thank you very much vor the video it is really helpful
very useful! thank you
Bro please make more videos like this Thanks for the amazing tutorial
In a more complex project don't forget to send back a Page of dto not entities 🙂
Would love an in depth RxJS course with Observeable and operators, and also maybe subscription as a whole
Very Good job
Hello Junior, Thank you for awesome tutorial. The loading service is missing from github
You don't need it. It's not part of this course.
@@GetArrays Ok but the app.component.ts doesn't compile because is used in this file.
I've to clean in this ts and html files
could you check it ?github.com/getarrays/paginationapp/blob/main/src/app/app.component.ts
Thank you
@@dariofulci6549 I fixed it. Thanks for that
@@GetArrays You're welcome ;-)
Thanks.
one doubt bro i have total users of 36 so i want to display 10 per page but its not coming in the last page i.e on the 3rd page it shows 10 users where in my backend i am having 6 only then when i click 2 or 1 its fetching 6 per page
Good Job
♥♥♥♥♥
Will you make a project on Rxjs in Angular anytime soon?
I used RxJS in this video.
Hi guys! Which theme is used here in Intellij Idea?
Dracula
@@GetArrays Thanks!
Hi Junior, thank you for your great content , I have already followed many of your courses , I have a question here on how to deal with big number of page (example 300 user with 10 per page we will have 30 page to show ) can we limit the number of page to show and hide the others , thanks a lot for your content
This one is tricky but it can be achieved quite easily. You see how I use the conditions to show different pieces of UI? You’d do the same for the pages. Except you’ll need to have a UI your show unless you’re at a certain page. Like 3 dots or something. It’s hard to explain in text but you should find some good example online.
hello did any of your guys figure this out ?
@@GetArrays any code for this please or link where i could figure it out
@@jevonne8160 You should code it yourself with his video ... to learn ...
please make the video about microservices
HttpResponse.builder() is not available. error shows in builder().
Lombok. Make sure you have the dependency and also have lombok processing enabled in your IDEA
Dear sir,
you have amazing content. I enroll to your many courses in Udemy, I have learn many things form you. but in above if you do server side rendering you get some error like :
Error: src/app/advisory-board/advisory-board.component.html:28:103 - error TS2339: Property 'appState' does not exist on type 'unknown'.
28
~~~~~~~~
src/app/advisory-board/advisory-board.component.ts:12:16
12 templateUrl: './advisory-board.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AdvisoryBoardComponent.
Error: src/app/advisory-board/advisory-board.component.html:132:88 - error TS2339: Property 'appData' does not exist on type 'unknown'.
132 [ngClass]="(state?.appData?.data?.page?.totalPages - 1) == (wmembersCurrentPage$ | async) ? ' disabled' : ''">
can you please tell me how to solve this one ?
thank for this Sir, i really appreciate. but it dit not work for me. if i try but no. unless i precise the name of first Name. hius is my code
return ResponseEntity.ok().body(
HttpResponse.builder()
.timestamp(now().toString())
.data(Map.of("page", produitSortService.getProduits("Johanna", page.orElse(0), size.orElse(10) )))
.message("product retrieve")
.status(HttpStatus.OK)
.statusCode(HttpStatus.OK.value())
.build());
}