Little-known directives of Angular.js • Hacker News Board

Re: Little-known directives of Angular.js

#21

Post by mmorris » Wed, Nov 06, 2013, 7:34 PM UTC

kurtfunai wrote: post #9

Thanks for the post - I regularly use a lot of these, and I'm a big fan of ng-bind attribute over the {{ thing }} approach. Things that really caught my eye: - ng-list: sounds very useful for user forms, tagging, etc - ng-switch: I dont know how many times I've used ng-show to replicate this functionality. Thank you!

Just to be clear (and as mentioned in a comment on the post), ng-switch is actually closer in functionality to using multiple ng-if directives (which is only in Angular 1.1.5+). ng-switch actually adds/removes the elements from the DOM, whereas ng-show just shows/hides the element.

Re: Little-known directives of Angular.js

#22

Post by SanderMak » Wed, Nov 06, 2013, 8:12 PM UTC

metastew wrote: post #10

What does "Flash Of Uncompiled Content" means?

To see an example of the sibling comments, see http://branchandbound.net/blog/web/2013/08/some-angularjs-pi...

Re: Little-known directives of Angular.js

#23

Post by wmil » Wed, Nov 06, 2013, 8:34 PM UTC

welder wrote: post #16

wmil wrote: post #4

ng-bind-html-unsafe has been removed in the latest release candidates, it won't be in 1.2 So try not to get attached.

Just use http://docs.angularjs.org/api/ng.$sce#methods_trustashtml on your data then use ng-bind-html. It does the same as ng-bind-html-unsafe.

Iterating over a collection in the controller and manually calling that on each element as needed is a huge pain.

Does it work in filters?

Re: Little-known directives of Angular.js

#24

Post by Rodeoclash » Wed, Nov 06, 2013, 9:42 PM UTC

mmorris wrote: post #21

kurtfunai wrote: post #9

Thanks for the post - I regularly use a lot of these, and I'm a big fan of ng-bind attribute over the {{ thing }} approach. Things that really caught my eye: - ng-list: sounds very useful for user forms, tagging, etc - ng-switch: I dont know how many times I've used ng-show to replicate this functionality. Thank you!

Just to be clear (and as mentioned in a comment on the post), ng-switch is actually closer in functionality to using multiple ng-if directives (which is only in Angular 1.1.5+). ng-switch actually adds/removes the elements from the DOM, whereas ng-show just shows/hides the element.

It also creates an additional scope whereas the ng:show does not.