AngularJS Essentials

Creating Reusable Components with Directives
templateUrl
There is another way to achieve the same goal with more quality. We just need
to move the HTML snippet to an isolated file and bind it using the templateUrl
property, as shown in the following code snippet:
index.html
directives.js
parking.directive("alert", function () {
return {
templateUrl: "alert.html"
});
alert.html
Something went wrong!
You must inform the plate and the color of the car!
replace
Sometimes it might be interesting to discard the original element, where the directive
was attached, replacing it by the directive's template. This can be done by enabling
the replace property:
directives.js
parking.directive("alert", function () {
return {
templateUrl: "alert.html",
replace: true
};
});
[ 36 ]
www.it-ebooks.info