⚡Angular 17 Nested Routes for Beginners Part 2 | Angular 17 Child Routes for Beginners | Angular 17

Поділитися
Вставка
  • Опубліковано 23 січ 2025

КОМЕНТАРІ • 28

  • @phpnodetuts
    @phpnodetuts  Рік тому +3

    👉Check my Blog :
    phpnodetuts.in
    🌟 Support my work 🌟
    👉 Support me by buying a Super Thanks💰
    👉 On BuyMeACoffee: www.buymeacoffee.com/phpnodetuts
    👉 Buy Affordable Hosting : bitli.in/5s35wr2

  • @vishnukishoretarini8085
    @vishnukishoretarini8085 Рік тому +4

    Useful video and one of the few youtubers who had done video on the routes after angular 17 without module.ts file.
    Congo🎉

  • @wulfhound2859
    @wulfhound2859 2 місяці тому +1

    just a question, I know in older versions of angular, you could make separate routing modules and then define the routes and the child routes in that separate directory, keeping the routes : Routes [ ] pretty short. How would one do this in the new angular? I mean make routes in a separate dir, and then use those routes PLUS the ones angular gives you from the get go

  • @IIIIIIIIIllIIllIIllIIllIIllII
    @IIIIIIIIIllIIllIIllIIllIIllII 4 дні тому

    5:49
    What would the structure of "about > company > informations" look like?
    I'm using this structure as an example, because there could be children of children

  • @VANTYCSolutions
    @VANTYCSolutions 5 місяців тому +1

    New suscriber.

    • @phpnodetuts
      @phpnodetuts  5 місяців тому +1

      Thanks for subscribing 😇

  • @xCrOaTiEnSniPZzx
    @xCrOaTiEnSniPZzx Рік тому +1

    Such a good video! Just one question.. do you know how to make scroll top when you click on a button? When I click on a button wich is on the bottom of the page, the page is still on bottom when I route to another link. Do you know how to fix it in angular 17?
    Thank you!

    • @phpnodetuts
      @phpnodetuts  Рік тому +1

      Are you asking whether scrolling to the top is working when you click on the 'scroll to top' button? However, when you are at the bottom of the page and click on a link or route, for example, the contact page, the page opens, but you find yourself at the bottom of the page. Instead, you want the scrollbar to be at the top (in the Navbar).🤔

  • @dlerma1987
    @dlerma1987 Рік тому +2

    I'm working on a new project with Angular 17. I'm having some issues with my routes also I'm applying child/nested routes.
    First in my navbar I call a component1, then, into component1 I have an anchor to call another component2.
    localhost:4200/component1
    localhost:4200/component1/component2/
    Everything is working fine at this point, following your example.
    The problem comes when I refresh the page and the URL address is refreshed to:
    localhost:4200/
    but still I have rendered the /component2
    How can I keep the URL in the address bar... What's wrong?
    I mean, if my site is in localhost:4200/component1/component2/ and then I refresh the page, how to keep the localhost:4200/component1/component2/ URL??

    • @phpnodetuts
      @phpnodetuts  Рік тому +2

      Hello David, are you using Node.js as a backend, or are you exclusively using Angular?

    • @dlerma1987
      @dlerma1987 Рік тому +1

      @@phpnodetuts Bro, thank you very much!! but after hours of debugging I found it was my mistake.
      There were some HTML markup into my trying to be rendered by my RichTextEditor... It was a DEFAULT TEXT with URLs and jpg images into my ... so, that's why my mistake 😁
      PS1: I'm trying to migrate an MVC NET UI to Angular 17.
      PS2: 5 stars for your videos! (5/5)
      -Regards from Monterrey, México! 🗺

    • @phpnodetuts
      @phpnodetuts  Рік тому +2

      @@dlerma1987 Gracias por tus amables palabras.😇

  • @adelabd6961
    @adelabd6961 9 місяців тому +1

    in case we need create spa with two language (English and french).
    1- we will add at the beginning of every page the language bar that contain language icon (eng/ fr), click on it transform the website version to another language.
    2- under the language bar there will be the nav bar.
    3- at the page end there will be the footer
    4- all english pages have same nav bar and footer.
    5- all french pages have same nav bar and footer.
    i will make two version from all pages, english version and french version.
    the problem is i try make the nav bar and footer only two times (one for english version and other for french version), use them as shared components.
    but i do not know how use them as shared components and in same time when click on language icon they also change to another version?

  • @mr.codehappy
    @mr.codehappy 9 місяців тому +1

    how route in modules?

  • @ramibenothmen1999
    @ramibenothmen1999 Рік тому +1

    You're doint a great job bro keep going.
    and please make some .Net videos

  • @probaldatta3266
    @probaldatta3266 Рік тому +1

    Thank you,please make more videos

  • @Julien-d2n
    @Julien-d2n Рік тому +1

    Est-ce possible d'avoir des vidéos sur comment sécuriser les routes, encore merci pour le contenu qui est très enrichissante

  • @Julien-d2n
    @Julien-d2n Рік тому +1

  • @sasikalatholisam4098
    @sasikalatholisam4098 11 місяців тому +1

    Can u share the git repo for code

  • @felix22112211
    @felix22112211 11 місяців тому +1

    Hello, I wanted to know if you can upload the HTML code of the 404 error code because it is not complete, please.

    • @phpnodetuts
      @phpnodetuts  11 місяців тому +1

      Check Example 03 👇
      www.tailwindtap.com/blog/tailwind-css-404-page-samples

  • @bassiroudiallo4777
    @bassiroudiallo4777 10 місяців тому +1

    thanks u bro

  • @mihirmistry5979
    @mihirmistry5979 Рік тому +1

    How to do nested routes load lazily

    • @phpnodetuts
      @phpnodetuts  Рік тому +1

      I will create a tutorial on this. Stay tuned.