AngularJS | Directiva ng-srcset

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»

Directiva Angular10 NgPluralCase

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

¿Cómo reemplazar una string por otra string en AngularJS?

En este artículo, veremos cómo seleccionar una string del texto y reemplazarla con otra string usando AngularJS y lo entenderemos a través de las ilustraciones. El método replace() se puede usar para buscar los caracteres en particular, que se reemplazan con caracteres específicos y devolver una nueva string generada. Sintaxis: string.replace(char findChar, char replacedChar); Valores … Continue reading «¿Cómo reemplazar una string por otra string en AngularJS?»

AngularJS | Filtro de moneda

El filtro de moneda AngularJS se usa para convertir un número en un formato de moneda. Si no se especifica ningún formato de moneda, el filtro de moneda utiliza el formato de moneda local. Sintaxis:  {{ currency_expression | currency : symbol : fractionSize}} Parámetros: contiene dos parámetros, como se mencionó anteriormente y se describe a … Continue reading «AngularJS | Filtro de moneda»

Ant Design Introducción e instalación para Angular

Ant Design es un patrón de diseño para productos de nivel empresarial que se puede integrar con otros marcos front-end como Angular, React o Vue. La implementación oficial de Ant Design se lanza con React, pero se puede usar con otros marcos de JavaScript. Es una herramienta de código abierto con aproximadamente 50.4K estrellas de … Continue reading «Ant Design Introducción e instalación para Angular»

Componente de grupo de entrada angular PrimeNG

Angular PrimeNG es un marco de trabajo de código abierto con un amplio conjunto de componentes nativos de la interfaz de usuario de Angular que se utilizan para lograr un gran estilo y este marco se utiliza para crear sitios web receptivos con mucha facilidad. En este artículo, sabremos cómo usar el componente InputGroup en … Continue reading «Componente de grupo de entrada angular PrimeNG»

Componente deslizante angular PrimeNG

Angular PrimeNG es un marco de trabajo de código abierto con un amplio conjunto de componentes nativos de la interfaz de usuario de Angular que se utilizan para lograr un gran estilo y este marco se utiliza para crear sitios web receptivos con mucha facilidad. En este artículo, sabremos cómo usar el componente deslizante en … Continue reading «Componente deslizante angular PrimeNG»

¿Por qué colspan no es un atributo nativo conocido en Angular 2?

Para entenderlo, necesitamos tener un conocimiento claro y profundo entre el Modelo de objetos de documento (DOM) y el Lenguaje de marcado de hipertexto (HTML). Básicamente, DOM es un modelo de objetos y es una representación de árbol lógico del documento, mientras que HTML es un lenguaje de marcado que usamos para crear páginas web. … Continue reading «¿Por qué colspan no es un atributo nativo conocido en Angular 2?»

Directivas Estructurales en Angular

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»

Formas angulares FormControlDirective

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»