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 ...
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 ".../@...
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"...
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"},
{...
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() != ...
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 ...
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({ ......
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:
...
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",
...
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: [{...}...
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,
...
3
votos
Aceptado
problemas con local storage angular
Ese error es porque localStorage no está disponible durante la renderización en el lado del servidor (SSR).
Solución: asegúrate de que localStorage solo se acceda en el navegador, agregando una ...
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.
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:...
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
...
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 ...
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: '',
...
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 ...
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 ...
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 ...
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>;
...
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í ...
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 ...
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) {
...
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)
);
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, ...
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&...
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-...
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 ...
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 *...
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
angular7 × 209angular × 119
typescript × 50
javascript × 34
angular6 × 24
angular5 × 22
html × 12
ionic × 11
ionic4 × 11
html5 × 10
css × 8
firebase × 8
formularios × 8
validación × 5
bootstrap-4 × 5
angular-material × 5
angular-router × 5
jquery × 4
array × 4
angular8 × 4
angular-cli × 4
php × 3
java × 3
json × 3
ionic-framework × 3