Eu estou tentando implementar o loop das fotos recebidas do banco de dados, mas o loop estranhamente não responde.
Meu componente :
import { Component } from '@angular/core';
import { Http } from '@angular/http';
@Component({
selector: 'root',
templateUrl: 'app/root/root.component.html'
})
export class RootComponent {
fotos: Object[] = [];
constructor(http: Http) {
let stream = http.get('v1/fotos');
stream
.map(function(res) { return res.json() })
.subscribe(
function(fotos) {
console.log(fotos);
this.fotos = fotos;
},
function(erro) {
console.log(erro)
});
}
}
O *ngFor:
<foto *ngFor="let foto of fotos" url="{{foto.url}}" titulo="{{foto.descricao}}"></foto>
O que ocorre é que simplesmente não aparece nada na tela. O *ngFor se comporta como se não estivesse recebendo a lista vinda do componente. O estranho é que meu controle está recebendo os dados do banco e a variável fotos está recebendo esses valores (pelo menos aparentemente). Estou esquecendo algo?