Categoría: AngularJS-Misc

¿Cómo abrir una ventana emergente usando Angular y Bootstrap?

Posted on by Rudeus Greyrat

Agregar Bootstrap a su aplicación Angular es un proceso fácil. Simplemente escriba el siguiente comando en su Angular CLI. Agregará bootstrap a su carpeta node_modules. ng add @ng-bootstrap/ng-bootstrap Enfoque: importe el módulo NgbModal en el archivo TypeScript del componente correspondiente, y luego tenemos que escribir código para el modelo emergente usando el módulo anterior en … Continue reading «¿Cómo abrir una ventana emergente usando Angular y Bootstrap?»

¿Cuál es el significado de let-* en Angular 2 Plantillas?

Posted on by Rudeus Greyrat

La palabra clave let en Angular declara una variable de entrada de plantilla a la que se hace referencia dentro de la plantilla. En Angular, la sintaxis micro se usa para configurar una directiva en una string compacta y amigable. Es una capacidad dada en angular para incrustar las variables en la plantilla directamente traduciendo … Continue reading «¿Cuál es el significado de let-* en Angular 2 Plantillas?»

<mat-slider> en material angular

Posted on by Rudeus Greyrat

Angular Material es una biblioteca de componentes de interfaz de usuario desarrollada por el equipo de Angular para crear componentes de diseño para aplicaciones web móviles y de escritorio. Para instalarlo, necesitamos tener angular instalado en nuestro proyecto, una vez que lo tenga, puede ingresar el siguiente comando y descargarlo. La etiqueta <mat-slider> se usa … Continue reading «<mat-slider> en material angular»

¿Cómo pasar una string a un componente usando Angular2?

Posted on by Rudeus Greyrat

En angular2, un componente se considera como una ‘vista’ con su propia lógica y datos. El enlace de datos es el proceso de combinar valores de datos con sus representaciones correspondientes. Para los componentes, los valores de string se pueden pasar, ya sea directamente como literales de string o almacenando el literal de string en … Continue reading «¿Cómo pasar una string a un componente usando Angular2?»

¿Cómo usar .join() con empujar y reemplazar juntos?

Posted on by Rudeus Greyrat

Método Array.join() El método array.join() es una función incorporada en JavaScript que se usa para unir los elementos de una array en una string. Los elementos de la string estarán separados por un separador específico y su valor predeterminado es coma (, ). Sintaxis: array.join(separator) Método Array.push() La función array.push() se usa para insertar uno … Continue reading «¿Cómo usar .join() con empujar y reemplazar juntos?»

Ant Design Introducción e instalación para Angular

Posted on by Rudeus Greyrat

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»

¿Cómo truncar texto en Angular2?

Posted on by Rudeus Greyrat

Enfoque: es fácil truncar texto en Angular. El texto truncado nos ayuda a eliminar o cortar porciones de texto. Termina abruptamente el texto, reduciendo la longitud del texto. Elimina texto de acuerdo con la función de truncado utilizada. Sintaxis: La longitud de la string es mayor que los caracteres proporcionados. function(str, length, ending) {……..} La … Continue reading «¿Cómo truncar texto en Angular2?»

Minificación en Angular

Posted on by Rudeus Greyrat

El rendimiento de cualquier aplicación es uno de los factores clave para determinar la experiencia del usuario en este mundo. Si el rendimiento es bajo, la aplicación no logrará su valor real para el usuario. Por lo tanto, existen diversas prácticas que se recomienda adoptar durante la codificación para lograr un mayor rendimiento en el … Continue reading «Minificación en Angular»

Interpolación de strings en Angular 8

Posted on by Rudeus Greyrat

enlace de datos unidireccional con llaves dobles {{ component_property }} Acercarse:  Defina una propiedad en el archivo app.component.ts que contenga algún valor de string. En el archivo app.component.html, vincule el valor de esa propiedad llamando al nombre de la propiedad entre llaves dobles {{ property_name }}. HTML <h1>   {{ title }} </h1> aplicación.componente.ts JavaScript import … Continue reading «Interpolación de strings en Angular 8»

¿Cómo cargar secuencias de comandos JS externas dinámicamente en AngularJS?

Posted on by Rudeus Greyrat

La tarea es cargar un código JS desde un archivo CDN o JS almacenado en el sistema dinámicamente en tiempo de ejecución en AngularJS, es decir, el código JavaScript debe cargarse dinámicamente. Por ejemplo, en la pulsación de un botón o en algún evento. Siempre que queramos cargar el archivo script tendríamos que crear un … Continue reading «¿Cómo cargar secuencias de comandos JS externas dinámicamente en AngularJS?»