AngularJS Essentials

Getting Started with AngularJS
{{car.plate}}
Park
Apart from learning how to set up the framework in this section, we also introduced
some directives that we are going to study in the Chapter 2, Creating Reusable
Components with Directives.
The ngController directive is used to bind the parkingCtrl controller to the view,
whereas the ngRepeat directive iterates over the car's array. Also, we employed
expressions such as {{car.plate}} to display the plate of the car. Finally, to add
new cars, we applied the ngModel directive, which creates a new object called car
with the plate property, passing it as a parameter of the park function, called
through the ngClick directive.
To improve the loading page's performance, you are recommended to use the
minified and obfuscated version of the script that can be identified by angular.min.
js. Both minified and regular distributions of the framework can be found on the
official site of AngularJS (http://www.angularjs.org) or in the Google Content
Delivery Network (CDN).
Organizing the code
As soon as we start coding our views, controllers, services, and other pieces of
the application, as it used to happen in the past with many other languages and
frameworks, one question will certainly come up: "how do we organize the code?"
Most software developers struggle to decide on a lot of factors. This includes figuring
out which is the best approach to follow (not only regarding the directory layout, but
also about the file in which each script should be placed), whether it is a good idea to
break up the application into separated modules, and so on.
[ 12 ]
www.it-ebooks.info