Array devuelve [object Object] en Angular4
Publicado por Laura (10 intervenciones) el 18/07/2018 10:23:01
Buenos días compañeros,
Tengo el siguiente código, que sigo de un curso, y este básico array no se está imprimiendo...
1/3 : clase coche que pasará el modelo al componente:
2/3 : clase del componente, coches:
3/3 : vista (html) que devuelve dos objetos, pero vacíos:
¿Alguna idea? ¡Inifinitas gracias!
Tengo el siguiente código, que sigo de un curso, y este básico array no se está imprimiendo...
1/3 : clase coche que pasará el modelo al componente:
1
2
3
4
5
6
7
export class Coche{ constructor(nombre:string,
caballaje:string,
color:string,
){}
}2/3 : clase del componente, coches:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
import { Component } from '@angular/core';
import { Coche } from './coche';
@Component({
selector: 'coches',
templateUrl: './coches.component.html',
styleUrls: ['./coches.component.css']
})
export class CochesComponent{ public coche:Coche;public coches:Array<Coche>;
ngOnInit(){
console.log(this.coches);
}constructor(){
this.coche = new Coche("","","");
this.coches = [
new Coche("Seat","120CV","blanco"),
new Coche("Audi","200CV","rojo")
]; }onSubmit(){
console.log(this.coche);
this.coche = new Coche("","","");
}}3/3 : vista (html) que devuelve dos objetos, pero vacíos:
1
2
3
4
5
6
7
8
<div class="contenedor">
<h4>Listado de coches</h4>
<ul>
<li *ngFor="let coche of coches">
{{ coche.nombre }} - {{ coche.caballaje }} - {{ coche.color }}
</li>
</ul>
</div>
¿Alguna idea? ¡Inifinitas gracias!
Valora esta pregunta
0