Posted on

Yo ninjas, in this AngularJS tutorial, I’ll show you how we can dynamically hide and show elements depending on the value of certain properties in your data. ng-show only shows elements when it is equal to true, and ng-hide only hides elements when it is equal to true.

Hey gang, in this AngularJS tutorial, I’ll be introducing you to filters and how we can use them to change the way our data is displayed to a user. Filters can be used in conjunction with ng-repeat, or directly on the expression itself. We use Angular filters to do things like ordering a list of items alphabetically, or by type, or to display numbers as a currency.

+ Source files on GitHub –
+ Atom text editor –

You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage…


========== JavaScript for Beginners Playlist ==========

============ CSS for Beginners Playlist =============

============== The Net Ninja =====================

For more front-end development tutorials & to black-belt your coding skills, head over to

================== Social Links ==================

Twitter – @TheNetNinja –


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

15 Replies to “AngularJS Tutorial #12 – ng-show directive”

  1. angular.min.js:113 Access to XMLHttpRequest at 'file:///C:/Users/csivakalyan/Desktop/angular-js-playlist-master/header.html' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

    I am getting this error shawn , can you please help..

  2. Don't know why, but I can't change or alter the ninjas array in NinjaController. Does anybody else have a similar problem?

  3. Since we already have a "filter"-filter, wouldn't it be possible to use that with the attribute? Is it possible to filter more than one thing? Like | filter: search | filter available ?

  4. hey ninja thankx for all the great tutorials !!! question : how to ng-show only the belt that are equal to color green ?

Leave a Reply

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