Create your new website using Angular 17 - Part 5 --Fetch Data from live data server

How to Create a Website Using HTML and Angular 17
Ready to build a powerful website? In this tutorial, we'll show you how to create a website using the perfect blend of HTML and Angular. Follow along as we combine the simplicity of HTML with the dynamic capabilities of Angular to craft a responsive and user-friendly website.

Complete Playlist :

Code hosted on GitHub :

🔍 Keywords: Angular dynamic website tutorial, Angular web application, Angular latest version tutorial, Angular project walkthrough, Angular 17

📂 Topics:
- Introduction to Angular web development
- Setting up your Angular project
- Creating components and services
- Routing in Angular
- Data binding and dynamic content
- Form handling and validation
- Optimizing for performance
- Final thoughts and next steps

Like, subscribe, and share this video with your network for more Angular tutorials and updates!

👨‍💻 Who should tune in?

Developers eager to stay at the forefront of web development with Angular 17.
Newcomers seeking a hands-on guide to building modern, powerful Angular applications.
Tech enthusiasts keen on exploring the latest innovations in web development.

👉 Ready to code on the cutting edge? Hit play and let's shape the future together! 🌟🚀 #Angular17 #WebDevelopment #CodingMagic #AngularTutorial

👨‍💻 Who should tune in?

Developers eager to stay at the forefront of web development with Angular 17.
Newcomers seeking a hands-on guide to building modern, powerful Angular applications.
Tech enthusiasts keen on exploring the latest innovations in web development.

👉 Ready to code on the cutting edge? Hit play and let's shape the future together! 🌟🚀 #Angular17 #WebDevelopment #CodingMagic #AngularTutorial

[shamsundar]

Please build some good projecs with Angular 17, like Amazon Clone, etc.

[naelpontes]

If we chose to use json instead of json5, how different would it need to be? Would I need to create some logic to convert the key strings?

[nopenope]

sorry bro didnt know you do those videous in the morning, we dont mind even if its a bit quite.

now a question ok this is my bad since i didnt check the project with every change but for some reason the pictures are not loading on the pages, there is no error either, i dont think its naming since i literally just copy pasted the information, now that we have created this db where is our code that loads the images is it in our database we created or did we do no changes to it and only created a database for the function to locate by id, the other functionality seems to be fine, the icons in the lower end also dont load, or did we change where our cite takes the code from, i think this mind be the problem if that is the case but i cant think of where a mistake can be the code and cite also loads just not the imagesand the other stuff which me made to load from the ts in the beggining

so from the next video i think i found the reason my function of getpageby id might be wrong since the same things happens and onlt that information that i am receiving from that database or the file in config.service.ts is wrong

this is the infor in my database "id": 1,
"name": "about",
"data": {
"title": "SUCCESS",
"description": "How We Help You To Sell Your Product",
"detail": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam!",
"buttontext": "START CREATING TODAY",
"iconBlocks": [

and this is the funtion

in the ts
getPageById(id: number): Observable<ConfigItem> {
//return this.configuration;
return ?? {};
}

i also made sure to imports are correct but this part of the function '${this.apiUrl}/${id} is all green basically as if a text but there is no error in the function, so i think that this function will tell if this info '${this.apiUrl}/${id} is text right, it will give a mistake ?, if that is not it what do you think i should look at / check