En este artículo, vamos a ver qué es NgIf en Angular 10 y cómo usarlo. Directiva ngIf Sintaxis: <li *ngIf=’condition’></li> NgModule: El módulo utilizado por NgIf es: CommonModule Selectores: [ngIf] Acercarse: Cree una aplicación angular para usar. No hay necesidad de ninguna importación para que se use el NgIf . En app.component.ts, defina la variable … Continue reading «Directiva angular de 10 NgIf»
Podemos enfocarnos en cualquier campo de entrada automáticamente usando las directivas angulares. Aquí creamos una directiva personalizada que puede enfocarse automáticamente en cualquier campo del formulario. Crear una directiva personalizada es como crear un componente Angular. Para crear una directiva personalizada, debemos reemplazar el decorador @Component con el decorador @Directive . Acercarse : Cree la … Continue reading «¿Cómo establecer el foco en el campo de entrada automáticamente al cargar la página en AngularJS?»
La incrustación de una página html dentro de html no es compatible con HTML, es por eso que usamos las directivas de inclusión de AngularJS. Al usar la directiva ng-controller, podemos hacer la tarea fácilmente. Sintaxis: <element ng-include=» «>content…<element> Ejemplo: <!DOCTYPE html> <html> <head> <script src= «https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js»> </script> <title>ng-include directives</title> </head> <body ng-app=»»> <center> … Continue reading «AngularJS | Incluye»
La directiva ng-init se usa para inicializar los datos de la aplicación AngularJS. Define el valor inicial para una aplicación AngularJS y asigna valores a las variables. La directiva ng-init define valores iniciales y variables para una aplicación AngularJS. Sintaxis: <element ng-init = «expression»> … </element> Ejemplo: este ejemplo describe la directiva ng-init al inicializar … Continue reading «Directiva ng-init de AngularJS»
La directiva ng-mousedown en AngularJS se usa para aplicar un comportamiento personalizado cuando ocurre un evento mousedown en un elemento HTML específico. Se puede usar para mostrar una alerta emergente cuando se presiona el botón del mouse. Es compatible con todos los elementos HTML. Sintaxis: <element ng-mousedown=»expression»> Contents… </element> Ejemplo 1: este ejemplo usa la … Continue reading «AngularJS | Directiva ng-mousedown»
Las directivas estructurales son responsables de la estructura y el diseño del elemento DOM. Se utiliza para ocultar o mostrar las cosas en el DOM. Las Directivas Estructurales se pueden identificar fácilmente usando el ‘*’. Cada directiva estructural está precedida por un símbolo ‘*’. Algunas de las directivas estructurales integradas con ejemplos son las siguientes: … Continue reading «Directivas Estructurales en Angular»
En este artículo vamos a ver qué es FormsModule en Angular 10 y cómo usarlo. FormsModule se utiliza para realizar todas las importaciones necesarias para la implementación de formularios. Sintaxis: import { FormsModule } from ‘@angular/forms’; Acercarse: Cree una aplicación Angular para usar. En app.component.ts importe formularios desde FormsModules. En app.component.html, crea un formulario usando … Continue reading «Directiva de módulo de formularios angulares»
La directiva ng-change en AngularJS se usa cada vez que cambia el valor de un elemento de entrada. La expresión se evalúa inmediatamente cada vez que hay un cambio en el valor de entrada. Requiere una directiva ng-model para estar presente. Se activa cada vez que hay un solo cambio en la entrada. Se puede … Continue reading «AngularJS | Directiva de cambio de ng»
La directiva ng-maxlength en AngularJS se usa para establecer la longitud máxima para un campo de entrada, es decir, agrega la restricción para un campo de entrada. Es diferente del atributo maxlength en HTML porque el primero evita que los usuarios excedan el límite, mientras que el último no lo hace. Hará que el formulario … Continue reading «AngularJS | Directiva ng-maxlength»
La directiva ng-non-bindable en AngularJS se usa para especificar que el contenido específico de HTML no debe compilarse, es decir, AngularJS debe ignorar el contenido. Se puede usar cuando queremos mostrar fragmentos de código en lugar de una salida compilada. Sintaxis: <element ng-non-bindable> Contents… </element> Ejemplo 1: este ejemplo utiliza la directiva ng-non-bindable para ignorar … Continue reading «AngularJS | Directiva ng no vinculante»