La directiva ng-mouseenter en AngularJS se usa para aplicar un comportamiento personalizado cuando ocurre un evento de entrada de mouse en un elemento HTML específico. Se puede usar para mostrar una alerta emergente cuando el mouse ingresa a una posición específica en un elemento HTML. Es compatible con todos los elementos HTML. Sintaxis: <element ng-mouseenter=»expression»> … Continue reading «AngularJS | Directiva ng-mouseenter»
En este artículo vamos a ver qué es FormControlDirective en Angular 10 y cómo usarlo. FormControlDirective se utiliza para sincronizar una instancia independiente de FormControl con un elemento de control de formulario <form [FormControlDirective] =»name»> Exportado desde: ReactiveFormsModuleReactiveFormsModule Selectores: [Control de formulario] Acercarse: Cree la aplicación Angular que se utilizará En app.component.ts crea un objeto … Continue reading «Formas angulares FormControlDirective»
La directiva ng-submit en AngularJS se usa para especificar las funciones que se ejecutarán en los eventos de envío. Se puede utilizar para evitar que el formulario se envíe si no contiene una acción. Es compatible con el elemento <form>. Sintaxis: <form ng-submit=»expression»> Content … </form> Ejemplo 1: <!DOCTYPE html> <html> <head> <title>ng-submit Directive</title> <script … Continue reading «AngularJS | Directiva ng-submit»
Introducción:Comenzaremos este tema de encontrar las diferencias entre Directiva y Componentes, obteniendo una breve idea sobre estas dos terminologías, lo que significan y sus características de comportamiento para construir un código AnglarJS nítido y poderoso. Las directivas se introducen con la invención de Angular, como un marco estructural para crear aplicaciones web dinámicas. Las directivas … Continue reading «Diferencia entre Directiva y Componente en AngularJS»
La directiva ng-controller en AngularJS se usa para agregar un controlador a la aplicación. Se puede usar para agregar métodos, funciones y variables que se pueden llamar en algún evento como hacer clic, etc. para realizar cierta acción. Sintaxis: <element ng-controller=»expression»> Contents… </element> Donde expresión se refiere al nombre del controlador. Ejemplo 1: este ejemplo … Continue reading «AngularJS | Directiva de controlador ng»
La directiva ng-class-odd en AngularJS se usa para especificar las clases CSS en cada aparición extraña de elementos HTML. Se utiliza para vincular dinámicamente clases en cada elemento HTML impar. Si la expresión dentro de la directiva ng-class-odd devuelve verdadero, solo se agrega la clase; de lo contrario, no se agrega. La directiva ng-repeat es … Continue reading «AngularJS | Directiva ng-class-odd»
La directiva ng-list en AngularJS se usa para separar la string de entrada y convertirla en una array de strings usando un separador. De forma predeterminada, la coma se utiliza como separador predeterminado. Pero cualquier separador personalizado se puede usar como valor de la directiva ng-list. Sintaxis: <element ng-list=»delimiter»> Contents… </element> El valor de ng-list … Continue reading «AngularJs | Directiva de lista ng»
En este artículo, vamos a ver qué es FormGroupDirective en Angular 10 y cómo usarlo. FormGroupDirective se utiliza para vincular un FormGroup existente a un elemento DOM. Sintaxis: <form [FormGroup] =»name»> Exportado desde: ReactiveFormsModuleReactiveFormsModule Selectores: [FormGroup] Acercarse: Cree la aplicación Angular que se utilizará En app.component.ts crea un objeto que contenga un valor para la … Continue reading «Formas angulares FormGroupDirective»
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). La siguiente … Continue reading «AngularJS | Directivas»
La directiva ng-style en AngularJS se usa para aplicar estilos CSS personalizados en un elemento HTML. La expresión dentro de la directiva de estilo ng debe ser un objeto. Es compatible con todos los elementos HTML. Sintaxis: <element ng-style=»expression»> Content … </element> Ejemplo: <!DOCTYPE html> <head> <title>ng-style Directive</title> <script src= «https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js»> </script> <style type=»text/css»> .bg-color … Continue reading «AngularJS | Directiva de estilo ng»