¿Cómo establecer valores predeterminados para las propiedades del componente Angular 2?

En Angular 2, podemos pasar el valor de una variable entre dos componentes (de padre a hijo) usando el decorador de entrada. Usando estos decoradores de entrada también podemos establecer los valores predeterminados de las propiedades. A continuación, elaboré detalladamente de manera integral cómo establecer valores predeterminados para el componente Angular 2. Sintaxis: @Input() PropertyName … Continue reading «¿Cómo establecer valores predeterminados para las propiedades del componente Angular 2?»

¿Cómo usar *ngIf else en AngularJS?

Introducción: la directiva ngIf se usa para mostrar u ocultar partes de una aplicación angular. Se puede agregar a cualquier etiqueta, es una etiqueta, plantilla o selectores HTML normales. Es una directiva estructural, lo que significa que incluye plantillas basadas en una condición restringida a booleanos. Cuando la expresión se evalúa como verdadera, ejecuta/muestra la … Continue reading «¿Cómo usar *ngIf else en AngularJS?»

¿Cómo codificar/decodificar URL usando AngularJS?

Codificar URL Dada una URL y la tarea es codificar la URL en AngularJS. Enfoque: El enfoque es utilizar el método encodeURIComponent() para codificar la URL. En el primer ejemplo, la URL (‘https://ide.geeksforgeeks.org/tryit.php’) está codificada y en el segundo ejemplo, la URL (‘https://www.geeksforgeeks.org’) está codificada. Ejemplo 1: html <!DOCTYPE HTML> <html>   <head>     <script src= … Continue reading «¿Cómo codificar/decodificar URL usando AngularJS?»

¿Cómo cambiar el formato de fecha usando AngularJS?

AngularJS proporciona dos formas diferentes de cambiar el formato de la fecha. Se puede lograr mediante los siguientes enfoques: Uso de enlace de plantilla HTML Usando JavaScript Enlace de plantilla HTML: en este método, usamos el operador de canalización (|). Este operador de tubería ayuda a convertir un objeto de fecha, número según el formato … Continue reading «¿Cómo cambiar el formato de fecha usando AngularJS?»

$servicio de tiempo de espera en AngularJS

El desarrollo web es un campo en rápido crecimiento. Una tecnología presentada hoy está destinada a quedar obsoleta en unos pocos meses. Anteriormente, los sitios web solían ser estáticos, con poca o ninguna animación o CSS. Sin embargo, la introducción de Vanilla JavaScript revolucionó por completo la apariencia y el funcionamiento de los sitios web. … Continue reading «$servicio de tiempo de espera en AngularJS»

¿Cómo obtener dinámicamente la altura del contenido de un div usando AngularJS?

La altura del contenido de un div puede obtenerse dinámicamente usando las propiedades clientHeight y scrollHeight según los requisitos del usuario. Si un usuario desea conocer el espacio requerido por el contenido real que se muestra, incluido el espacio ocupado por el relleno pero sin incluir las barras de desplazamiento, los márgenes o los bordes, … Continue reading «¿Cómo obtener dinámicamente la altura del contenido de un div usando AngularJS?»

¿Cómo establecer el valor del campo de entrada dinámicamente en AngularJS?

Dado un campo de entrada y la tarea es establecer el valor del campo de entrada dinámicamente con la ayuda de AngularJS. Acercarse:  Se establece un valor en el campo de entrada a pesar de que el usuario ingrese algo o no.  El evento ng-click se usa para llamar a una función que establece el … Continue reading «¿Cómo establecer el valor del campo de entrada dinámicamente en AngularJS?»

¿Cómo agregar opciones dinámicas para selecciones múltiples dentro de la directiva ng-repeat?

Dado un documento HTML que contiene algún elemento de opciones y la tarea es agregar una array de objetos javascript dinámicamente con selecciones múltiples usando ng-repeat en angularJS. Enfoque: la tarea se realiza utilizando ng-repeat que recorre una array. Llamemos a esta array «modelos» . Cada menú de selección presente en el DOM se modela … Continue reading «¿Cómo agregar opciones dinámicas para selecciones múltiples dentro de la directiva ng-repeat?»

¿Cómo cortar una string en AngularJS?

Dada una string y la tarea es hacer una porción de la string dada usando AngularJS. Enfoque 1 Usando el método slice(): El enfoque es usar el método slice() que acepta 2 parámetros de inicio y fin. En el primer ejemplo, solo se usa 1 parámetro y en el segundo ejemplo se usan 2 parámetros. … Continue reading «¿Cómo cortar una string en AngularJS?»

Angular 7 | Directivas

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»