Referencia completa de directivas de AngularJS

Las directivas son marcadores en el modelo de objeto de documento (DOM). Las directivas se pueden usar con cualquier controlador o etiqueta HTML que le indicará al compilador qué operación o comportamiento exacto se espera. Hay algunas directivas presentes que están predefinidas, pero si un desarrollador quiere, puede crear nuevas directivas (directiva personalizada).

Ejemplo: este ejemplo usa la directiva ng-app para definir una aplicación AngularJS predeterminada.

<html>        
<head> 
    <title>AngularJS Directives</title> 
    <script src= 
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
    </script> 
</head> 
<body style="text-align:center"> 
           
    <h2 style = "color:green">Geeksforgeeks</h2> 
    <div ng-app="" ng-init="name='GeeksforGeeks'"> 
        <p>{{ name }} is the portal for geeks.</p>
    </div> 
</body>   
</html>

Producción:

La siguiente tabla enumera las importantes directivas integradas de AngularJS.

Directivas	Descripción
aplicación ng	Inicio de la aplicación AngularJS.
ng-init	Se utiliza para inicializar una variable.
modelo ng	ng-model se usa para enlazar a los controles HTML
controlador ng	Adjunta un controlador a la vista.
enlace ng	Vincula el valor con el elemento HTML
ng-repetir	Repite la plantilla HTML una vez por cada elemento de la colección especificada.
ng-mostrar	Muestra u oculta el elemento HTML asociado
ng-solo lectura	Hace que el elemento HTML sea de solo lectura
ng-deshabilitado	Úselo para deshabilitar o habilitar un botón dinámicamente
ng-si	Elimina o recrea el elemento HTML
ng-clic	Paso personalizado al hacer clic

Directivas:

Publicación traducida automáticamente

Artículo escrito por Vishal_Khoda y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta