Angular 10 Tutorial #43 - RouterLink in Angular | Angular 10 Tutorial For Beginners

Поделиться
HTML-код
  • Опубликовано: 9 дек 2020
  • Angular 10 Tutorial, Angular routerlink tutorial, Angular 10 Tutorial For Beginners, Angular full tutorial, Angular learn angular applications, How to develop Angular Apps, Angular tutorials building and deploying Angular Apps, Building angular applications in Angular 10, Learn to build Angular 10 applications, Angular build and deploying applications, angular 10 building and deploying in Angular Apps, angular Apps build and deployment in Angular 10, 6,7,8, 9, angular 8 example,
    Angular 10 tutorial for beginners, angular 10 tutorials, angular tutorials for beginners, angular interview questions and answers, angular live projects, angular 10 crash course, angular 10 tutorial for beginners step by step, angular tutorial for beginners 2020,angular tutorial 2020,angular code examples, angular for freshers, angular tutorial for experienced, arc tutorials angular, arc tutorials, angular 10 full course, angular 10 tutorial for beginners, angular 10 tutorial
    Angular 10 tutorial for beginners, angular 10 crash course, angular 10 tutorial for beginners step by step, angular tutorial for beginners 2020, angular tutorial 2020, arc tutorial angular, angular code examples, angular for freshers, angular tutorial for experienced, angular introduction, angular version history, angular full tutorial series, best angular tutorial.
    Notes in GitHub repo: github.com/arctutorials/angul...
    Angular 10 Tutorial #1 -
    • Angular 10 Tutorial #1...
    Angular 10 Tutorial #2
    • Angular 10 Tutorial #2...
    Angular 10 Tutorial #3 - Upgrade to Angular 10
    • Angular 10 Tutorial #3...
    Angular 10 Tutorial #4 - Install Angular CLI tutorial
    • Angular 10 Tutorial #4...
    Angular 10 Tutorial #5 - Install Bootstrap in Angular App
    • Angular 10 Tutorial #5...
    Angular 10 Tutorial #6 - Install Angular Material in Angular Application
    • Angular 10 Tutorial #6...
    Angular 10 Tutorial #7 - Folder Structure of Angular Apps
    • Angular 10 Tutorial #7...
    Angular 10 Tutorial #8 - Boot Process of Angular Apps
    • Angular 10 Tutorial #8...
    Angular 10 Tutorial #9 - Package.Json and Package-lock.json
    • Angular 10 Tutorial #9...
    Angular 10 Tutorial #10 - Angular CLI Tutorial
    • Angular 10 Tutorial #1...
    Angular 10 Tutorial #11 - App Architecture
    • Angular 10 Tutorial #1...
    Angular 10 Tutorial #12 - Modules
    • Angular 10 Tutorial #1...
    Angular 10 Tutorial #13 - Components
    • Angular 10 Tutorial #1...
    Angular 10 Tutorial #14 - Component Lifecycle Hooks
    • Angular 10 Tutorial #1...
    Angular 10 Tutorial #15 - Component Communications
    • Angular 10 Tutorial #1...
    Angular 10 Tutorial #16 - Templates in Angular Components
    • Angular 10 Tutorial #1...
    Angular 10 Tutorial #17 - Directives in Angular 10
    • Angular 10 Tutorial #1...
    Angular 10 Tutorial #18 - Structural Directives in Angular 10
    • Angular 10 Tutorial #1...
    Angular 10 Tutorial #19 - ngIf in Angular 10
    • Angular 10 Tutorial #1...
    Angular 10 Tutorial #20 - ngFor in Angular 10
    • Angular 10 Tutorial #2...
    Angular 10 Tutorial #21 - ngSwitch in Angular 10
    • Angular 10 Tutorial #2...
    Angular 10 Tutorial #22 - ngStyle in Angular 10
    • Angular 10 Tutorial #2...
    Angular 10 Tutorial #23 - ngClass in Angular 10
    • Angular 10 Tutorial #2...
    Angular 10 Tutorial #24 - Data Binding in Angular 10
    • Angular 10 Tutorial #2...
    Angular 10 Tutorial #25 - Interpolation in Angular 10
    • Angular 10 Tutorial #2...
    Angular 10 Tutorial #26 - Property Binding in Angular 10
    • Angular 10 Tutorial #2...
    Angular 10 Tutorial For Beginners
    • Angular 10 Tutorial #0...
    Angular 9 Full Tutorial For Beginners
    • Angular 9 Tutorial For...
    Angular CRUD Tutorial Step by Step
    • Angular CRUD with Web ...
    Angular Testing Tutorial
    • Angular Testing Tutori...

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

  • @bhushankhaladkar2191
    @bhushankhaladkar2191 3 года назад

    Nicely explained. Thanks for including dynamic routing in this tutorial.. in previous tutorials it was missing.

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

    Your tutorials are incredible and I'm watching them prepare for an Angular interview

  • @amanuellebassi7294
    @amanuellebassi7294 3 года назад +5

    Thank You also for including my name in the client list array. Thank you also for elaborating on the difference between [routerLink]="['/user', client.clientId, 'edit']" and [routerLink]="[user', client.clientId, 'edit']"

    • @ARCTutorials
      @ARCTutorials  3 года назад +2

      You're very welcome! You have been one of my strongest supporter of this channel.

    • @amanuellebassi7294
      @amanuellebassi7294 3 года назад +1

      @@ARCTutorials It is my pleasure. The world needs more people like you. Thank you for investing your time in us.

    • @ARCTutorials
      @ARCTutorials  3 года назад +1

      @@amanuellebassi7294 The world needs more friends like us :)

    • @amanuellebassi7294
      @amanuellebassi7294 3 года назад

      @@ARCTutorials Keep plowing and keep up the good work. Soon, you will reap your good harvest.

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

    loved it!

  • @darlindopson6771
    @darlindopson6771 3 года назад +2

    Useful Playlist, Thanks a lot.

    • @ARCTutorials
      @ARCTutorials  3 года назад

      Thank you so much for your support 🙏

  • @michaelfarahat6627
    @michaelfarahat6627 3 года назад +1

    Thank You.

  • @sajedaali4658
    @sajedaali4658 2 года назад +1

    Thank you so much

  • @AussieAmigan
    @AussieAmigan 3 года назад +1

    Wow! That routerLink's value being an array is something I would never have thought of. Can you not build the path as a string? Or is that not good practice?
    For instance, I'm not suggesting people do this if you think it is bad practice, but this also seems to work:
    Edit
    What can I say, I'm old enough to still think in classic ASP. :-D

    • @ARCTutorials
      @ARCTutorials  3 года назад

      String concat is also a possible ways to do it. Its not wrong. Just looks messy and most cases, will surely make mistake in adding "/" or appending etc etc. I prefer to use the routes array, much simpler and easier way to write

  • @sonnysonny66
    @sonnysonny66 3 года назад +1

    Ser whats the different in functionality if i omitted or use the slash? Its not clear for me when to use the with slash or not. thank you

    • @ARCTutorials
      @ARCTutorials  3 года назад

      Hi Sonny. We are trying to create the route which user should navigate from

  • @saalimhussain6635
    @saalimhussain6635 3 года назад +1

    1 st comment.

  • @yelagandulasridhar7011
    @yelagandulasridhar7011 3 года назад +1

    Hi Sridhar,Please can upload Sample Project Crud operations.

    • @ARCTutorials
      @ARCTutorials  3 года назад

      Hi Sridhar. Its already uploaded on the GitHub. Here's the link github.com/arctutorials/angularcrud

    • @yelagandulasridhar7011
      @yelagandulasridhar7011 3 года назад

      create functionality is working but update is not working.

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

    Sir i am getting console error that "Can't bind to 'ngFor-of' since it isn't a known property of tr " Due to which I'm not able to see edit delete and table option

  • @hiteshjoshi1008
    @hiteshjoshi1008 2 года назад

    Where to go for your live application

  • @zeezee3891
    @zeezee3891 2 года назад +1

    can someone plz help me? everytime im trying to include routerlink in a its giving me this error "cannot bind to routerlink since it isnt known property of a"

    • @zeezee3891
      @zeezee3891 2 года назад

      ive added router module in imports already and im a beginner

    • @ARCTutorials
      @ARCTutorials  2 года назад +1

      Hi Zohra. That’s because u gave wrong naming. Its routerLink - capital L in the word. I have small case. Try it and let me know

    • @zeezee3891
      @zeezee3891 2 года назад +1

      @@ARCTutorials OMG!!! Thank you so much!!! I spent so much time trying to figure out where i was going wrong. It worked.Thanks again

    • @ARCTutorials
      @ARCTutorials  2 года назад +1

      Im always here to help you! Please do share the tutorials with your friends as well. Thank you.

    • @zeezee3891
      @zeezee3891 2 года назад

      @@ARCTutorials yes in fact I already did. Thank you so much for these tutorials.

  • @nageshbk1
    @nageshbk1 2 года назад +1

    sir, why [routertLink] require square bracket at 16:04

    • @ARCTutorials
      @ARCTutorials  2 года назад

      Its coz of data binding

    • @nageshbk1
      @nageshbk1 2 года назад

      @@ARCTutorials thank you sir

    • @karanshah6104
      @karanshah6104 2 года назад

      If you don't use square brackets, it will consider everything as string. and client.clientId is a dynamic value coming out of a object.

  • @akshita5518
    @akshita5518 3 года назад +1

    But y router link was not working in ur crud tutorial sir

    • @ARCTutorials
      @ARCTutorials  3 года назад +1

      Hi Akshita. I am not sure why. But you gave a good idea to refactor the code. Thanks for it

    • @akshita5518
      @akshita5518 3 года назад

      @@ARCTutorials waiting for that👍

  • @AnandReddy9
    @AnandReddy9 3 года назад

    Hi Brother I am getting "Uncaught ReferenceError: module is not defined
    at index.js:1" in browser console while loading the application, Could you help me to resolve this error