The IMPEDANCE mismatch between dynamic applications and static documents is often solved with:

A library – a collection of functions which are useful when writing web apps. Your code is in charge and it calls into the library when it sees fit. E.g., jQuery.

Frameworks – a particular implementation of a web application, where your code fills in the details. The framework is in charge and it calls into your code when it needs something app specific. 

E.g., durandal, ember, etc.

AngularJS takes ANOTHER APPROACH. It attempts to minimize the impedance mismatch between document centric HTML and what an application needs by creating new HTML constructs. AngularJS teaches the browser new syntax through a construct we CALL directives.

Examples include:

• Data binding, as in {{}}.
• DOM control structures for repeating, showing and hiding DOM fragments.
• Support for forms and form validation.
• Attaching new behavior to DOM elements, such as DOM event HANDLING.
• Grouping of HTML into reusable components.

The impedance mismatch between dynamic applications and static documents is often solved with:

A library – a collection of functions which are useful when writing web apps. Your code is in charge and it calls into the library when it sees fit. E.g., jQuery.

Frameworks – a particular implementation of a web application, where your code fills in the details. The framework is in charge and it calls into your code when it needs something app specific. 

E.g., durandal, ember, etc.

AngularJS takes another approach. It attempts to minimize the impedance mismatch between document centric HTML and what an application needs by creating new HTML constructs. AngularJS teaches the browser new syntax through a construct we call directives.

Examples include: