Información de etiqueta

Respuestas populares con la etiqueta

8 votos
Aceptado

Actualizar contenido al cambiar la el parametro de la URL con routerLink en Angular 7

Lo primero de todo es entender el ciclo de vida de los componentes de Angular, así que aquí te dejo un artículo que lo explica en detalle. Yo me centraré aquí en lo importante: Angular no destruye un ...
Pablo Lozano's user avatar
  • 49.1k
7 votos
Aceptado

El archivo '.../node_modules/@angular/material/index.d.ts' no es un módulo

Bien, después de estar investigando y mirando código como un loco me dí cuenta de que al importar cualquier componente de angular material desde @angular/material directamente esto daba un error ".../@...
Jonathan Moya Moreno's user avatar
4 votos
Aceptado

¿Cómo convertir un objeto de una clase creada a objeto de Javascript?

Con los métodos JSON.stringify y JSON.parse deberías poder lograr lo que quieres: const objetos = JSON.parse(JSON.stringify(productos)); Primero se transforma el array de elementos de tipo "Producto"...
RockoDev's user avatar
  • 1,612
4 votos

Marcar y desmarcar todos los checkbox en angular 10

Estructurando los datos de esta manera: datos: Frutas[] = [ {nombre:"Manzana", checked: false, id: "0"}, {nombre:"Pera", checked: false, id: "1"}, {...
Legna's user avatar
  • 6,541
3 votos

Vaciar campo date al hacer click con Angular

JQUERY: $("#date").val(null); Si quieres realizarlo en el click de un elemento podrías hacer algo como: $("body").click(function(){ if($("#date").val() != "" && $("#date").val() != ...
x3k's user avatar
  • 3,801
3 votos
Aceptado

Navegacion dentro de la misma pagina en angular 7

Des de la versión 6.1, Angular ha incorporado la función Anchor Scrolling para tal efecto. Su implementación es algo mas compleja que el tradicional método de HTML puesto que requiere del RouterModule ...
neollob's user avatar
  • 1,325
3 votos

¿Cómo convertir un objeto de una clase creada a objeto de Javascript?

el array de objetos lo podes iterar de varias maneras pero para tu caso yo suelo utilizar forEach let array=[]; [Producto, Producto, Producto, Producto].forEach(producto=>{ array.push({ ......
Hanz Herdel's user avatar
3 votos
Aceptado

¿Como obtener la suma de todos los numero obtenidos dentro de un forEach?

Estás creando la variable como constante dentro del forEach por lo que para cada Item, se reinicia. Debes declararla fuera como variable y modificarla dentro. Esto se llama Ámbito de una variable: ...
Alejandro Teixeira Muñoz's user avatar
3 votos

¿Como obtener la suma de todos los numero obtenidos dentro de un forEach?

Otra forma de obtener este resultado es con reduce var cart = { "added": [ { "functional_id": "recharges", "quantity": 9 }, { "functional_id": "modeles", ...
Legna's user avatar
  • 6,541
3 votos

ngFor - Como puedo mostrar los valores de un arreglo anidado en una tabla

Tienes que verlo como una colección de objetos el array "principal" y luego cada objeto en la propiedad series contiene otra lista de objetos. [ { name: "x", series: [{...}...
hawks's user avatar
  • 3,530
3 votos
Aceptado

Guardar parametros de una funcion

La función no devuelve nada, por lo que el código ejecutado no tiene ninguna consecuencia. Deberías hacer algo como: capturaInformacion(estadoId:number, nombreEstado:string){ return { estadoId, ...
Pablo Lozano's user avatar
  • 49.1k
2 votos
Aceptado

No visualizo información en navegador [Angular7]

En le GameListComponent tienes la variable 'game' y en el for 'games', creo que la 's' es la raíz de todos los males.
Fredy Adriano Jimenez Martinez's user avatar
2 votos

Header dinamico dependiendo el producto | Angular 7

Si que se puede, añade estos imports a tu código. import { Title, Meta } from '@angular/platform-browser'; Declaramos en el constructor las clases: constructor(private meta: Meta,private title:...
ivan.depi's user avatar
  • 434
2 votos

Error al recargar la pagina en Angular 7

Es un error típico al momento de copilar angular pierde las rutas de navegación, una forma sencilla de resolverlo es agregando las siguientes lineas a tu app.module.ts en la sección de provider ...
Jorge Reinaldo Linares Pineda's user avatar
2 votos
Aceptado

Separar plantilla html para agregar contenido dinámico entre etiquetas. Angular 6+

Creo haber entendido bien tu problema, y la solución sería, en mi opinión la mejor, la siguiente: Crea un componente, llamemosle BootstrapModal. Este componente tendrá un header y footer estaticos y ...
Ilsanchez's user avatar
  • 630
2 votos
Aceptado

Angular 7 bindear con formControlName un input de tipo file de mi vista

Creo que deberías inicializarla a null y después comprobar en la verificación si es null o no. private buildForm() { this.formGroup = this.formBuilder.group({ nombre_real: '', ...
Pacne's user avatar
  • 166
2 votos
Aceptado

Angular 7 Environment

Todos los entornos de ejecución (environments) declarados en tu proyecto deben tener un fichero environment.<entorno>.ts asociado, con los valores propios del entorno necesarios para adaptar la ...
Pablo Lozano's user avatar
  • 49.1k
2 votos
Aceptado

Error al querer compilar en angular 7 con firebase: 'FirebaseApp' incorrectly implements interface 'App'

@Ilsanchez ha sido de mucha ayuda tu consejo, el error se soluciona cambiando la dependencia de firebase del 5.11 al 5.10, con esto ya se puede seguir trabajando, dejo el comando para el cambio de ...
srojas_dev's user avatar
2 votos

Cambiar background de color al hacer click

Una posible solución: html <div class="visitas" (click)="enableDisableRule($event.target)"> <span>Juan López - 10:30</span> </div> ts enableDisableRule(elem) { const ...
Yohangel Ramos's user avatar
2 votos
Aceptado

Como recargar contenido en angular

tienes tres opciones: 1) Async Pipe & Observables En este caso debes crear una variable de tipo observable que realice peticiones constantes a tu backend products: Observable<any>; ...
Alejandro's user avatar
  • 427
2 votos
Aceptado

Ejecutar un método cuando termine otro, Angular 7

Según lo que me dices en los comentarios esto te puede servir , Lo que puedes hacer es que cuando se ejecute el primer método lanzar el segundo y cuando termine el segundo lazar el tercero y así ...
FRANCISCO J. BLANCO's user avatar
2 votos

Angular 7 exportar PDF

En mi trabajo tuve que realizar exactamente eso. Existe la libreria html2canvas, pero descubri que esta podria llegar a ser muy lenta, ya que clona todo el DOM y lo introduce en un iFrame, ademas de ...
Duban Garcia's user avatar
2 votos

Guardar Excel en Base 64 A Excel Angular6

Solución :) public base64ToBlob(b64Data, sliceSize=512) { let byteCharacters = atob(data.file); let byteArrays = []; for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) { ...
EduBw's user avatar
  • 2,164
2 votos

¿Cómo convertir un objeto de una clase creada a objeto de Javascript?

Otra posible solucion seria usando Object.assign: let plainProducts = productos.map( product => Object.assign({}, product) );
Keff's user avatar
  • 151
2 votos

Como cambiar el color de un botón según 0/1 Angular

Puedes usar ngClass: defines dos clases CSS para los dos estados y eliges la que corresponda en cada momendo: <button type="button" class="btn btn-sm m-2" [ngClass]="{ greenClass: encendi, ...
Pablo Lozano's user avatar
  • 49.1k
2 votos

Capturar valor de un input de cada fila de una tabla con Angular 7

La forma mas rápida y sencilla como puedes hacerlo es crear en el objeto alumno una variable nueva el cual usaras para llenar el valor que se ingrese en el input correspondiente es decir: <tbody&...
jGomez's user avatar
  • 1,502
2 votos

Angular - comunicacion entre componentes hermanos

Respondiendo a tu approach. Usar el EventEmitter<> está genial. Es el standard para comunicar de un componente a su padre. Lo que no me parece una buena idea es mantener la comunicación padre-...
VRoxa's user avatar
  • 3,070
2 votos

Se pierde el estilo al momento de ingresar login :host ::deep - Angular

El problema está en usar las clases auto generadas como ng-tns-c13-3. Los números de esas clases corresponden al orden en que se van creando los componentes. Puede ser que al entrar directamente a la ...
Lobos's user avatar
  • 16.2k
2 votos
Aceptado

ngFor - Como puedo mostrar los valores de un arreglo anidado en una tabla

Te voy a dar una idea, pero es para que la estudies: NOTA: Yo le puse el nombre TableArray a la variable. <table border="1"> <tr> <td>FECHA</td> <td *...
Alexander Diaz's user avatar
2 votos
Aceptado

Edición de datos en formulario de Angular

Puedes obtener el id desde la ruta, agrega esto a tu constructor: private activeRoute: ActivatedRoute y en el ngOnInit haces esto: ngOnInit(): void { var id = this.activeRoute.snapshot.paramMap.get('...
Victoria Ramirez C's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible