Categoría: AngularJS-Directives

¿Cómo filtrar los valores de repetición ng según el modelo ng usando AngularJS?

Posted on by Rudeus Greyrat

Los valores de repetición ng se pueden filtrar de acuerdo con el modelo ng en AngularJS usando el valor del campo de entrada como una expresión en un filtro. Podemos configurar la directiva ng-model en un campo de entrada para filtrar los valores ng-repeat . Los siguientes ejemplos ilustran el enfoque: Ejemplo 1: Filtrado de … Continue reading «¿Cómo filtrar los valores de repetición ng según el modelo ng usando AngularJS?»

Referencia completa de directivas de AngularJS

Posted on by Rudeus Greyrat

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 … Continue reading «Referencia completa de directivas de AngularJS»

AngularJS | Directiva ng-pluralize

Posted on by Rudeus Greyrat

La directiva ng-pluralize en AngularJS se usa para especificar el mensaje que se mostrará de acuerdo con las reglas de localización en-us. Las reglas de localización en-us se incluyen con AngularJS. La categoría plural predeterminada en AngularJS es «uno» y «otro». Sintaxis: <ng-pluralize count=»» when=»string» [offset=»number»]> Contents… </ng-pluralize> Valores paramétricos: recuento: se refiere al valor … Continue reading «AngularJS | Directiva ng-pluralize»

AngularJS | Directiva ng-app

Posted on by Rudeus Greyrat

La directiva ng-app en AngularJS se usa para definir el elemento raíz de una aplicación AngularJS. Esta directiva inicializa automáticamente la aplicación AngularJS al cargar la página. Se puede usar para cargar varios módulos en la aplicación AngularJS. Sintaxis: <element ng-app=»»> Contents… </element> Ejemplo 1: este ejemplo usa la directiva ng-app para definir una aplicación … Continue reading «AngularJS | Directiva ng-app»

Formato de formularios angularesDirectiva de divisas

Posted on by Rudeus Greyrat

En este artículo vamos a ver qué es formatCurrency en Angular 10 y cómo usarlo. El formatCurrency se usa para dar formato a un número como moneda usando las reglas locales. formatCurrency(value, locale, currency, currencyCode, digitsInfo) Parámetros: valor: lugar: divisa: currencyCode: el código de moneda. NgModule: el módulo utilizado por formatCurrency es: CommonModule Acercarse:  Cree … Continue reading «Formato de formularios angularesDirectiva de divisas»

¿Cómo eliminar un elemento u objeto de la array usando ng-click?

Posted on by Rudeus Greyrat

La tarea es eliminar el elemento de la lista cuando se hace clic en el botón. Todo esto debe hacerse usando ng-click. Esto se hace usando el método splice(). La sintaxis del método se proporciona a continuación. Sintaxis para la función splice(): array.splice(indexno, noofitems(n), item-1, item-2, …, item-n) Ejemplo para la función splice(): const topics … Continue reading «¿Cómo eliminar un elemento u objeto de la array usando ng-click?»

AngularJS | Directiva ng-if

Posted on by Rudeus Greyrat

La directiva ng-if en AngularJS se usa para eliminar o recrear una parte del elemento HTML en función de una expresión. El ng-if es diferente de ng-hide porque elimina completamente el elemento en el DOM en lugar de simplemente ocultar la visualización del elemento. Si la expresión que contiene es falsa, el elemento se elimina … Continue reading «AngularJS | Directiva ng-if»

AngularJS | Directiva ng-srcset

Posted on by Rudeus Greyrat

La directiva ng-srcset en AngularJS se usa para especificar el atributo srcset de un elemento <img>. Garantiza que no se produzca una imagen incorrecta hasta que se haya evaluado AngularJS. Es compatible con los elementos <img> y <source>. Sintaxis: <img ng-srcset=»url»> </img> Ejemplo: <!DOCTYPE html> <html>     <head>         <title>ng-srcset Directive</title>         <script src=         «https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js»>         </script>        </head> … Continue reading «AngularJS | Directiva ng-srcset»

AngularJS | Directiva ng-href

Posted on by Rudeus Greyrat

La directiva ng-href se usa cuando tenemos una expresión angular dentro del valor href. Si se usa el atributo href, entonces el problema es que si se hace clic en el enlace antes de que AngularJS haya reemplazado la expresión con su valor, entonces puede ir a una URL incorrecta y el enlace se romperá … Continue reading «AngularJS | Directiva ng-href»

AngularJS | Directiva ng-open

Posted on by Rudeus Greyrat

La directiva ng-open en AngularJS se usa para especificar el atributo abierto del elemento HTML especificado. Si la expresión dentro de la directiva ng-open devuelve verdadero, los detalles se mostrarán; de lo contrario, se ocultarán. Sintaxis: <element ng-open=»expression»> Contents… <element> Ejemplo: este ejemplo utiliza la directiva ng-open para abrir el atributo de un elemento. <!DOCTYPE … Continue reading «AngularJS | Directiva ng-open»