Components in Angular - Learning Angular (Part 3)

[@Angular]

Watch more episodes of Learning Angular→ goo.gle/Learning-Angular

[@elyoaprogrammer]

Excellent Angular series for beginners. I would love watch similar tutorials from the Angular team with more advanced topics. Thanks

[@Angular]

Wow! Thanks so much for this feedback - we really appreciate it. Which topics would you like us to cover?

[@elyoaprogrammer]

@@Angular Hello, thanks for your answer.. I would like to watch something more oriented to a real life project to handle real common scenarios and explain more advanced topics: like do the secure login process, work with interceptors, content-projection, custom directives and topics like that. I know there is much information about this on the Internet but I really enjoyed all the videos of the @Angular team!

[@pavankumar4909]

​@@Angular interceptor please authguard please

[@dima13693]

terrible series for beginners. The download button to download the original template doesnt work, which cascades into a bunch of other issues. Someone should have checked their work when updating the tutorial for v18.

[@eudesgrey]

I'm so glad this is working so far, I say this because usually KZbin tutorials almost never works, lol

[@SenorSalubrious]

I can totally relate haha

[@piragna5802]

I love the tutorials! It is very helpful! Thanks!

[@piragna5802]

Amazing tutorial, thank you.

[@TayambaMwanza]

I think at 1.26, when you're describing the different parts that will be broken up into components, it would be helpful to highlight the areas or outline them to give a nice visual indicator of each component/section.

[@TayambaMwanza]

Also self closing tags but I think that will be too much work.

[@Angular]

Great feedback! We'll consider this for the next version, for sure!

[@Guidje]

damn, nice content!! i wasn't expecting to much (because it's a beginner tutorial) but this is really well done and the host didactic is pretty good

[@djrandomoficial4901]

03:04 is it normal to use 'aria-hidden' together with 'alt' in the html element? semms no sense.

[@MrBingo37]

3:08 header with logo will not compile ,it seems that it does not work with Angular 17+ --------------------------------------------------------- Angular CLI: 17.1.3 Node: 20.11.0 Package Manager: npm 10.4.0 OS: linux x64

[@chowderheadreynolds7325]

I had the same issue. I put backticks ` (on the left upper corner on my keyboard above the tilde) before and after the code in the video and got the logo and heading to appear.

[@shadip6725]

Replace header tag with section tag

[@EnexsDelaris]

When I did the generate stuff, it only generated the .ts for home and housing-location

[@Eltopshottah]

When generating the home component I get an error ‘Could not find NgModule. Use the ‘-skip-import’ option to skip importing in NgModule…

[@Angular]

You have to generate a standalone component, so include the --standalone flag. That should help

[@Eltopshottah]

@@Angular I made sure to include the -standalone command originally still getting the same error tried a few more times this evening im not sure whats up :/

[@Zeke_Cachi]

i´m getting the same error, there´s a difference between what shows up when you create the angular project with what you see on this video

[@angelmotta]

@@Eltopshottah I had the same issue. I tried with --standalone flag and it worked! I think this error is because the starter code in the first episode include a package.json using angular version 16 and the code shared in this episode the code example include a package.json using angular version 17. I also tried with version 18 and --standalone flag is not needed

[@Chagorthebarbarian]

Does anyone know what theme they are using? I'd like to use it myself.

[@Angular]

Mark is using high contrast theme in VS Code - it comes built in :)

[@alissabrave424]

I did everything same with the tutorial but my logo does not show up, I do not understand where the problem is

[@arthurf.foureauxfoureaux5418]

I´ve faced the same issue. To solve it in angular 18, you must create a public folder on the root of your project and inside it, put the assets folder. Then, on the src of img, put "assets/..."

[@FredMorrison-i9f]

In late November 2024, using Angular 19.0 in VSCode 1.95.3, the following line comes up with an HTTP 404 (not found) while looking for the asset logo.svg in the app component: 1. FAILS: 2. FAILS 3. FAILS: 4. FAILS: 5. FAILS: The assets folder is underneath the src folder, just like in the starter code, so I am at a loss to understand why the logo only shows the alt text and the browser console shows HTTP 404. Any clue as to why this is happening? *** UPDATE *** The fix is as follows: "assets": [ "src/assets",

[@manas_ponyiem]

Thanks you, worked!

[@stevofootballhome6786]

the the set up is no longer working. pls assist me with the first step setup

[@edemmarvinkudjo9346]

I love Angular❤

[@CrazyOsi]

not the best idea to create a website about HOMEs and have a HOME-component

[@mouri_san]

Спасибо большое!

[@COOKWITHARMAANNN]

not working angular 17 and above

[@saintmose]

true

[@akucinta2371]

i've try in angular 18, it works

[@darksorcerer1575]

I would recommend that if anyone gives a thumbs up on this to actually try doing this first.

[@jediampm]

Hi, i dont know why you are starting to show only inline templates. At least you should show in home template how to do a no inline template. And i think in any component has too much html, as such you should be separate template in file anyway.

[@michaelhill4702]

At 2:43 he says "sibling element" when it is a child element. I am old school. I believe people should review before publishing mistakes. It is distracting.

[@marktechson]

Yeah, you are right! Definitely a mistake. Will do better next t ime.

[@michaelhill4702]

@@marktechson not a problem, I got over it after a while. However, I didn't see where the "Housing-location component works!" source is.

[@tuba-inxs]

Great video! at kzbin.info/www/bejne/iGHRg4tun6llepI , looks like a nested child of , not a sibling.