Índice

Restricción de los modos de declaración

Una directiva puede declararse de cuatro maneras diferentes en una vista: como elemento HTML, como atributo HTML, como clase CSS y como comentario.

La propiedad restrict permite especificar la manera en la que debe utilizarse la directiva. Para que una directiva se utilice como elemento HTML, se utiliza el valor "E".

module.directive("miDirectiva", function() {  
    return {  
           restrict: "E"  
    };  
});

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

La vista anterior utiliza la directiva miDirectiva como elemento HTML.

Para utilizarla como atributo HTML, se utiliza el valor "A".

module.directive("miDirectiva", function() {  
    return {  
           restrict: "A"  
    };  
});

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

La vista anterior utiliza la directiva miDirectiva como atributo HTML.

Para utilizarla como clase HTML, se utiliza el valor "C".

module.directive("miDirectiva", function() {  
    return {  
           restrict: "C"  
    };  
}); 

<body>  
    <div class="mi-directiva"></div>  
</body> ...