AngularJS Essentials

Creating Reusable Components with Directives
The ngBindHtml directive
Sometimes, it might be necessary to bind a string of raw HTML. In this case, the
ngBindHtml directive can be used in the same way as ngBind; however, the only
difference will be that it does not escape the content, which allows the browser to
interpret it as shown in the following code:
index.html
[Packt] Parking
var parking = angular.module("parking", []);
parking.controller("parkingCtrl", function ($scope) {
$scope.appTitle = "[Packt] Parking";
});
In order to use this directive, we will need the angular-sanitize.js dependency.
It brings the ngBindHtml directive and protects the application against common
cross-site scripting (XSS) attacks.
The ngRepeat directive
The ngRepeat directive is really useful to iterate over arrays and objects. It can be
used with any kind of element such as the rows of a table, the elements of a list, and
even the options of select.
We must provide a special repeat expression that describes the array to iterate over
the variable that will hold each item in the iteration. The most basic expression
format allows us to iterate over an array, attributing each element to a variable:
variable in array
[ 22 ]
www.it-ebooks.info