Categoría: AngularJS-Directives

AngularJS | Directiva ng-src – Part 1

Posted on by Rudeus Greyrat

La directiva ng-src en AngularJS se usa para especificar el atributo src de un elemento <img>. Garantiza que no se produzca una imagen incorrecta hasta que se haya evaluado AngularJS. Es compatible con el elemento <img>. Sintaxis: <img ng-src=»url»> </img> Ejemplo: <!DOCTYPE html> <html xmlns=»http://www.w3.org/1999/xhtml»>     <head>         <title>ng-src Directive</title>         <script src=         «https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js»>         </script>        </head>     <body … Continue reading «AngularJS | Directiva ng-src – Part 1»

¿Cuál es la diferencia entre cambio y ngModelChange en Angular?

Posted on by Rudeus Greyrat

cambio:  el evento de cambio se activa para los elementos <input>, <select> y <textarea> cuando el usuario confirma una modificación del valor del elemento. El evento de cambio no se activa necesariamente para cada modificación del valor de un elemento. El cambio es un evento DOM que puede desenstringr cambios en etiquetas y elementos HTML.   … Continue reading «¿Cuál es la diferencia entre cambio y ngModelChange en Angular?»

Servicio de $ventana de AngularJS

Posted on by Rudeus Greyrat

El servicio $window se refiere al objeto de la ventana del navegador. Está disponible globalmente en JavaScript, por lo que causa problemas de comprobabilidad. En AngularJS, no está disponible globalmente. Incluye varios métodos como cuadro de alerta, cuadro de aviso, cuadro de confirmación, etc. Ahora veamos la implementación real del servicio $window en Angular JS: … Continue reading «Servicio de $ventana de AngularJS»

AngularJS | Directiva ng-minlength

Posted on by Rudeus Greyrat

La directiva ng-minlength en AngularJS se usa para establecer la longitud mínima para un campo de entrada, es decir, agrega la restricción para un campo de entrada. Es diferente del atributo minlength en HTML porque el primero evita que los usuarios ingresen menos del límite especificado, mientras que el segundo no lo hace. Hace que … Continue reading «AngularJS | Directiva ng-minlength»

AngularJS | Directiva ng-mouseleave

Posted on by Rudeus Greyrat

La directiva ng-mouseleave en AngularJS se usa para aplicar un comportamiento personalizado cuando ocurre un evento de abandono del mouse en un elemento HTML específico. Se puede usar para mostrar una alerta emergente cuando el mouse deja una posición específica en un elemento HTML. Es compatible con todos los elementos HTML. Sintaxis:   <element ng-mouseleave=»expression»> content … Continue reading «AngularJS | Directiva ng-mouseleave»

AngularJS | Directiva de solo lectura ng

Posted on by Rudeus Greyrat

La directiva ng-readonly en AngularJS se usa para especificar el atributo de solo lectura de un elemento HTML. El elemento HTML será de solo lectura si la expresión dentro de la directiva ng-readonly devuelve verdadero. Sintaxis: <element ng-readonly=»expression»> Contents… </element> Ejemplo 1: este ejemplo utiliza la directiva ng-readonly para habilitar la propiedad de solo lectura. … Continue reading «AngularJS | Directiva de solo lectura ng»

AngularJS | Directiva ng-transclude

Posted on by Rudeus Greyrat

La directiva ng-transclude se usa para marcar el punto de inserción para el DOM transcluido del padre más cercano que usa transclusion . Use el nombre de la ranura de transclusión como valor del atributo ng-transclude o ng-transclude-slot . Ejemplo 1: <!DOCTYPE html> <html>    <head>     <meta charset=»UTF-8″>     <script src= «//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js»>   </script> </head>    <body … Continue reading «AngularJS | Directiva ng-transclude»

Angular10 NgPara Directiva

Posted on by Rudeus Greyrat

En este artículo vamos a ver qué es NgFor en Angular 10 y cómo usarlo. NgPor Sintaxis: <li *ngFor=’condition’></li> NgModule: El módulo utilizado por NgForOf es: CommonModule Selectores: [ngPara] Acercarse:  Cree la aplicación angular que se utilizará No hay necesidad de ninguna importación para que se use NgFor En app.component.ts, defina la array que se … Continue reading «Angular10 NgPara Directiva»

AngularJS | Directiva ng-clic

Posted on by Rudeus Greyrat

La directiva ng-click en AngluarJS se usa para aplicar un comportamiento personalizado cuando se hace clic en un elemento. Se puede usar para mostrar/ocultar algún elemento o puede mostrar una alerta emergente cuando se hace clic en el botón. Sintaxis: <element ng-click=»expression»> Contents… </element> Ejemplo 1: este ejemplo utiliza la directiva ng-click para mostrar un … Continue reading «AngularJS | Directiva ng-clic»

AngularJS | Directiva ng-include

Posted on by Rudeus Greyrat

AngularJS tiene una directiva integrada para incluir la funcionalidad de otros archivos AngularJS mediante el uso de la directiva ng-include. El propósito principal de la «directiva ng-include» se usa para obtener, compilar e incluir un archivo HTML externo en el AngularJS principal application.Estos se agregan como Nodes secundarios en la aplicación principal. El valor del … Continue reading «AngularJS | Directiva ng-include»