Little-known directives of Angular.js | Hacker News Reader

Little-known directives of Angular.js

codetunes.com

72 pointsd4vlx22 comments

Thanks for the post - I regularly use a lot of these, and I'm a big fan of ng-bind attribute over the <div>{{ thing }}</div> 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!

Not that I can really take much credit but you're welcome :)

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.

ngPluralize - Handles pluralization scenarios cleanly in your view. No more "var itemCountDesc = items.length + ' Item' + items.length === 1 ? '' : 's';"

ui-view does indeed look quite interesting. but the description didn't really explain it for me.

a simplified description is that its a router for multiple-panes. where different related states can make use of inheritance.

http://txt.fliglio.com/2013/05/angularjs-state-management-wi...

http://jsfiddle.net/benschwartz/LhydD/

I like your description. Indeed one of the best things about ui-view is that states can be inherited.

Say you want to load search.results.details, and it will render search page first, then results inside, then details.

Also, in sub-states you can use templates defined in parent-state template. It means you don't need to render cache templates all at once. Just for sub-states.

> "Angular performs validation of HTML5 input types out of the box."

I'm confused. What does angular have to do with this?

Angular adds $valid/$invalid for forms that you can check against.

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?

Yeah, I mentioned it in comment under the post.

I'll be looking into ui-view. I need different view options.

What does "Flash Of Uncompiled Content" means?

Refers to when the page renders and still shows

instead of the content that should really be shown in place of it.

Old small post I wrote on this: https://oinksoft.com/blog/view/2/

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

Well, I didn't even know about ng-cloak

Funny!

ngBind was new for me today. Thank you!

ng-attr is very nice

Reply on news.ycombinator.com