AngularJS For Everyone Tutorial #9 – ngIf vs ngShow & ngHide

Here I show you how to use ngIf and ngShow & ngHide to show and hide content. Subscribe for more free tutorials more Angular Tutorials:

Support Free Tutorials

The best shared web hosting

Subscribe to Level Up Pro for extra features!

Subscribe to the Level Up Newsletter

To Support Level Up Tuts:

Simple cloud hosting, built for developers.:

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.


Xem thêm bài viết khác:

14 thoughts on “AngularJS For Everyone Tutorial #9 – ngIf vs ngShow & ngHide

  1. ¡Hello!
    Please do it a angular component tutorials, using bindings (=. >, @ etc ) jajaja thanks for the videos.

  2. I understand that it's about to learn directives, but why don't make simply <button ng-click="dirList.toggle = !dirList.toggle">{{dirList.toggle ? 'Hide' : 'Show'}} Names</button> ?

  3. Hey Scott, thanks always wanted to get into angular, but never really had the time. Now I can just lay in bed and learn from my tv. Thanks!

    Also wouldn't it be a better idea and more efficient to have one button and use a ternary if statement to toggle the buttons?

  4. Great videos Scott! 
    One question about this one, I've tried to put conditional logic on the button click (the same idea as for adding class based on age), but it did not worked 🙁
    Should it work generally? this is my code on the button: 
    ng-click=' dirList.toggle == true ? false : true '

Leave a Reply

Your email address will not be published. Required fields are marked *