AngularJS, JavaScript

All Angular Directives That Create Child Scopes

Have this list firmly registered somewhere in the back of your head before embarking on Angular! I can’t tell you how much confusion and pain not realising its existence has caused me. These are the keywords I used to find all the directives that create scope, thanks to @sp00m’s prompt.

Providing that Angular’s documentation is consistent in the way they describe directives, which it seems to be, below is the full list of results, in order of priority level of execution:

  1. 1200, ngSwitch
  2. 1000, ngRepeat
  3. 600, ngIf
  4. 500, ngController
  5. 400, ngInclude
  6. 400, ngView
  7. 0, ngMessage

jQuery Plugin: jquery-transformer

Since I constantly need to use jQuery together with TweenMax and since TweenMax already took care of all the parsing of various types of transformation strings as well as compatibility issues, I wrote a tiny jquery plugin here (more of a wrap up of gsap’s) that could directly access these values like this:

$('#ele').transform('rotationX') // returns 0
$('#ele').transform('x')         // returns value of translate-x

Continue reading