Índice

Uso de templates

Las directivas pueden utilizarse para crear controles o componentes. Para ello, es posible asociar a una directiva un template, es decir, una parte de una vista. Durante la asociación de la directiva a la vista, el template declarado se inyectará en la vista.

1. Propiedad template

La especificación del template se hace mediante la propiedad template de la directiva. Esta propiedad recibe como valor una cadena de caracteres que contiene la parte de la vista que se ha de inyectar.

module.directive("miDirectiva", function() {  
    return {  
           restrict: "EA",  
           template: "<p>¡Hola!</p>"  
    };  
});

La directiva utiliza la propiedad template para inyectar una etiqueta p.

<body>  
    <div mi-directiva></div>  
</body>

La representación de la página anterior produce el siguiente resultado.

images/C09EI01.png

Es posible utilizar expresiones AngularJS en el interior de un template. Cuando se inyecta la vista, se interpretará el template.

module.directive("miDirectiva", function() {  
    return {  
           restrict: "EA",  
           template: "<p ng-show=’name’>¡Hola {{name}}!</p>"  
    };  
});

El template anterior muestra ...