En este artículo vamos a ver qué es NgModel en Angular 10 y cómo usarlo. NgModel se usa para crear una instancia de grupo de formulario de nivel superior y vincula el formulario al valor de formulario dado. Sintaxis: <Input [(NgModel)= ‘name’]> NgModule: El módulo utilizado por NgModel es: Módulo de formularios Selectores: [ngModel] Acercarse: … Continue reading «Formas angulares Directiva NgModel»
Los elementos de área de texto proporcionan validación y control de estado básico. El atributo ng-model hace referencia a text-directive . El estado actual de los elementos de área de texto está en manos de Angular JS. A continuación se enumeran los estados de la directiva Textarea: $tocado: Significa un campo tocado. $sin tocar: Significa … Continue reading «AngularJS | Directiva de área de texto»
En este artículo, vamos a ver qué es FormGroupName en Angular 10 y cómo usarlo. FormGroupName se usa para sincronizar un FormGroup anidado con un elemento DOM . Sintaxis: <form [FormGroupName] =»details»> Exportado desde: ReactiveFormsModuleReactiveFormsModule Selectores: [Nombre del grupo de formularios] Acercarse: Cree la aplicación Angular que se utilizará En app.component.ts crea un objeto que … Continue reading «Formas angulares Directiva FormGroupName»
La directiva ng-keyup en AngluarJS se usa para aplicar un comportamiento personalizado en un evento keyup. Es compatible con los elementos <input>, <select> y <textarea>. Sintaxis: <element ng-keyup=»expression»> Contents… </element> Ejemplo: este ejemplo usa la directiva ng-keyup para cambiar el color de fondo cuando se presiona el botón hacia arriba y hacia abajo. html <!DOCTYPE … Continue reading «AngularJS | Directiva ng-keyup»
Las directivas en Angular 7 son una clase Typescript que se declara con el decorador @Directive. Estos son los conjuntos de instrucciones del Modelo de objetos de documento (DOM), que deciden cómo se puede realizar la implementación lógica. Las directivas angulares se pueden clasificar en tres tipos: Directivas de componentes: forma la clase principal y … Continue reading «Angular 7 | Directivas»
La Directiva de valor ng en AngularJS se usa para especificar el valor de un elemento de entrada. Es compatible con los elementos <input> y <select>. Sintaxis: <element ng-value=»expression»> Content … </element> Ejemplo 1: <!DOCTYPE html> <html> <head> <title>ng-value Directive</title> <script src= «https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js»> </script> </head> <body ng-app=»app» style=»padding:20px»> <h1 style=»color:green;»>GeeksforGeeks</h1> <h2 style=»»>ng-value Directive</h2> <p>Choose one:</p> … Continue reading «AngularJS | Directiva de valor ng»
La directiva ng-disabled en AngularJS se usa para habilitar o deshabilitar elementos HTML. Si la expresión dentro del atributo ng-disabled devuelve verdadero, el campo del formulario se deshabilitará o viceversa. Por lo general, se aplica en el campo de formulario (entrada, selección, botón, etc.). Sintaxis: <element ng-disabled=»expression»> Contents… </element> Ejemplo 1: este ejemplo usa la … Continue reading «AngularJS | Directiva ng-disabled»
La directiva ng-options en AngularJS se utiliza para crear y vincular elementos HTML con opciones a una propiedad de modelo. Se utiliza para especificar <opciones> en una lista <seleccionar>. Está diseñado específicamente para completar los elementos de una lista desplegable. Es compatible con el elemento <supported>. Sintaxis: <element ng-options=»expression»> Content … </element> Ejemplo 1: este … Continue reading «AngularJS | Directiva de opciones ng»
En este artículo vamos a ver qué es NgModelGroup en Angular 10 y cómo usarlo. El NgModelGroup se usa para crear una instancia de grupo de formulario de nivel superior y vincula el formulario al valor de formulario dado. Sintaxis: <div ngModelGroup=»name»></div> NgModule: El módulo utilizado por NgModelGroup es: Módulo de formularios Selectores: [ngModelGroup] Acercarse: … Continue reading «Formas angulares Directiva NgModelGroup»
La directiva ng-show en AngluarJS se usa para mostrar u ocultar el elemento HTML especificado. Si la expresión dada en el atributo ng-show es verdadera, entonces el elemento HTML se mostrará; de lo contrario, ocultará el elemento HTML. Es compatible con todos los elementos HTML. Sintaxis: <element ng-show=»expression»> Contents… </element> Ejemplo 1: este ejemplo utiliza … Continue reading «AngularJS | Directiva ng-show»