Ionic 7 Routing with Angular Standalone Components

Поделиться
HTML-код
  • Опубликовано: 29 сен 2024
  • Ionic 7 routes look totally different to you? Let's quickly clarify what's going on with the latest Angular version and routing using Standalone components!
    🔥 The fastest way to learn Ionic: ionicacademy.com/
    🪐 Explore web & mobile dev universe: galaxies.dev/
    ⚡️ Just getting started?
    Grab a free 46 pages eBook: ionicacademy.c...
    #############################
    🤷‍♂️ Want more Ionic tutorials?
    There you go: devdactic.com/
    #############################
    ❤️ You can also find me on:
    Instagram: / simongrimm_
    Twitter: / schlimmson
    Facebook: / devdactic
    TikTok: / simongrimm_
    Or join the Simonics Facebook group:
    / simonics
    #############################

Комментарии • 46

  • @galaxies_dev
    @galaxies_dev  Год назад +1

    Learn to build epic IONIC apps FAST by joining the Ionic Academy: ionicacademy.com/

    • @MantarrayaEC
      @MantarrayaEC 4 месяца назад +1

      Only if they are built with Ionic/Angular, because React Native is for Pussies

    • @MantarrayaEC
      @MantarrayaEC 4 месяца назад +1

      Only if they are with Ionic/Angular, because React Native is for Puss13s

  • @MrAashish24
    @MrAashish24 Год назад +5

    Slides are deprecated in Ionic. I figured iut to use Swiper Js 8.9.3 as It has Angular compatibility. However, How can we use swiper js with all effects and how to register it in standalone component. Please make video on that. Thanks in advance 😊

  • @townheadbluesboy
    @townheadbluesboy Год назад +1

    Super helpful

  • @computer.science.mauricio
    @computer.science.mauricio Год назад +3

    - Hi Mr. Simmon. I teachs Angular and Ionic in Brazil and your content help me a lot. Thanks for your contributtions.

    • @galaxies_dev
      @galaxies_dev  Год назад +2

      Awesome Mauricio, and happy to help!

  • @codetalk0
    @codetalk0 Год назад +1

    ionic created my project without app.module.ts file with angular , what is the problem?

    • @galaxies_dev
      @galaxies_dev  Год назад

      The main bootstrap and imports are now in the main.ts as Ionic is using Angular Standalone components (as described in the video)

  • @khomansahu9973
    @khomansahu9973 Год назад +2

    😇😇😊Thank you soo much, to explain ionic 7 routing with Angular standalone component

  • @UmamNardi
    @UmamNardi 8 месяцев назад

    add default export class so in the route no need using then for next promise

  • @notfriki
    @notfriki Год назад +1

    Bro, I lose like 30 minutes looking why I can’t use router module in my page, thanks!

  • @hovav906
    @hovav906 Год назад +1

    Thats great! thanks very much! One question though - how do I provide a service to the entire application?

    • @galaxies_dev
      @galaxies_dev  Год назад

      That's what I also try to figure out. You can dadd modules in the bootstrap process, so maybe wrap your stuff in it's own module and add it there!

  • @ricko13
    @ricko13 Год назад +1

    when you are a React developer and see how complex Angular code is 🥵

    • @galaxies_dev
      @galaxies_dev  Год назад

      True, both frameworks have their strengths in differnet areas

  • @joaquinbandini7669
    @joaquinbandini7669 Год назад +1

    Helpfull information, thank you very much. I have subscribed to your channel

  • @khangmach5369
    @khangmach5369 Год назад

    Haha. Just encounter same situation. Be careful between loadComponent() and loadChildren()

  • @j4nch
    @j4nch Год назад

    Is this also recommended for non-ionic (angular) applications? I know that SFC are an angular things, but when is it recommended to use modules VS SFC in my app? I find all the import stuff in each component a bit cumbersome

  • @missile71
    @missile71 Год назад

    Great video, but if I need a login page (for example) before the tab page how load tab routes if it's not the default path?

    • @missile71
      @missile71 Год назад

      found! added
      {
      path: 'app',
      loadChildren: () => import('./pages/tabs/tabs.routes').then(m => m.routes)
      }
      and the path is /app/tabs/whatever

  • @علياءاسامه-ت4م
    @علياءاسامه-ت4م Год назад +1

    great tutorial

  • @juanCarlosBA
    @juanCarlosBA Год назад

    Can you Work on proyect step by step since cero? Thanks

  • @saajanbajaj641
    @saajanbajaj641 Год назад

    Hey Simon! Can you create one tutorial for Azure Authentication?

    • @galaxies_dev
      @galaxies_dev  Год назад

      Sorry but never worked with Azure :/

  • @Jorvs
    @Jorvs Год назад

    was this updated or applied on your udemy courses?

  • @DIISKRATOS
    @DIISKRATOS Год назад

    The thème name !!!

  • @Matheus_1582
    @Matheus_1582 Год назад

    How do I use Astro in Ionic...

    • @emreaka3965
      @emreaka3965 Год назад

      You cannot use astro in ionic but you can try to use ionic in astro.

  • @its_j10
    @its_j10 Год назад

    amazing video

  • @AlexisDessard
    @AlexisDessard Год назад

    Since I started Ionic few years ago you helped me a lot with all your tutorials and videos. Just read an article you made about breakpoints in modal, never knew it exists despite i'm programming for so long on Ionic, just came here to say you thanks again, please continue like that and I'll buy you a cape one day 🦸

    • @galaxies_dev
      @galaxies_dev  Год назад +2

      Thank you for your kind words Alexis - I'm happy that even some of my older stuff is still relevant :D
      If you want to support me, check out my Academy -> ionicacademy.com/

    • @AlexisDessard
      @AlexisDessard Год назад +1

      @@galaxies_dev That's so pertinent to what I was looking for, gonna considerate it in the next few days to finally make a habit of 1h/day of learning so I don't stagnate with deprecated knowledges.
      Please continue! 🙏🙏