My diagram to visualize Angular MVC/Component Relationships

[Matt Kruse]

I want to introduce Angular to some other people, so I wanted a decent visualization of just how things are related.

I didn't see much out there already to visualize the different components, so I made the diagram below:

Is this accurate? How can it be improved or clarified?

Thanks,

Matt Kruse

[Peter Bacon Darwin]

I would position the directive between the scope and the template - in reality it is directives that interact with the DOM, not the scope (or controllers).

Also, since AngularJS is compiling DOM nodes not strings, there does not need to be such a difference between the "view html" and the "rendered html".  Rather there is a compilation process that attaches AngularJS goodness to the DOM and then directives interact with the DOM directly.  This happens throughout the application life-cycle when DOM nodes are added and removed dynamically by things like ng-repeat and ng-include.

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to angular+u...@googlegroups.com.
To post to this group, send email to ang...@googlegroups.com.
Visit this group at http://groups.google.com/group/angular?hl=en-US.
For more options, visit https://groups.google.com/groups/opt_out.