The 2-way data binding used in Angular is something I hadn’t seen before. It means that any changes to the view are propagated to the model, and any changes to the model are propagated to the view.
There are several key components to Angular that are used to do its magic.
- Controller: A function used to set up and make changes to the scope.
- Scope: An object that serves as the glue between the controller and the view. An application has more than one scope.
- Model: Data that is stored on an Angular scope.
- Directive: Powerful, reusable components that let you extend HTML and manipulate the DOM.
- View: What is seen in the browser after Angular renders the DOM based on the model and controller.
I have been finding several resources helpful in coming up to speed on Angular.
- AngularJS developer guide: High- level information on Angular components.
- AngularJS API reference: Detailed information on all parts of Angular.
- Egghead tutorials: Very useful, short videos on many various Angular topics. A must-see.
- AngularJS tutorial: Introductory “Hello World” intro to Angular.
- AngularJS Google Group:
- Batarang: Awesome Chrome extension for AngularJS debugging. Couldn’t live without it!
- Nuances of scope in AngularJS: Very thorough overview of the nuances of AngularJS scopes.
Hope that helps others getting underway with Angular! Happy learning :).