Erro com o NgFor

Olá!

Compartilhe o código do seu template para que eu e outros possam ver.

Oii Fabricio!!

Pelo erro que vc compartilhou parece que esqueceu o asterisco antes da diretiva ngFor. Ela deve ser usada assim, por exemplo:

<img *ngFor="let foto of fotos" src="{{foto.url}}">

Se mesmo assim o erro continuar, por favor copie e cole seu código aqui!

abraços

Olá!

segue o código:

<img *ngFor="let foto of fotos" class="img-responsive center-block" src="{{foto.url}}" alt="{{foto.titulo}}">

app.components.ts

import { Component, Inject } from '@angular/core';
import { Http } from '@angular/http';

@Component({
    moduleId: module.id,
    selector: 'app',
    templateUrl: './app.component.html'
})
export class AppComponent {

    fotos: Object[] = [];

    constructor(http: Http) {

        http.get('v1/fotos')
            .map(res => res.json())
            .subscribe(
                fotos => this.fotos = fotos,
                erro => console.log(erro)
            );
    }
}

O detalhe é que quando eu dou o console.log pra exibir os dados buscados em this.fotos, ele busca os dados corretamente no console

foto.component.ts

import {Component, Input} from '@angular/core';

@Component({
    moduleId: module.id,
    selector: 'foto',
    templateUrl: './foto.component.html'
})
export class FotoComponent {

    @Input() titulo;
    @Input() url;
}

Oii Fabrício!!

Acho que encontrei! O *ngFor tem que estar no componente <foto> e não no template dele. O app.component.html, deve ficar assim:

 <div>
    <h1 class="text-center">AluraPic</h1>
 </div>
 <div class="container">
    <foto *ngFor="let foto of fotos" url="{{foto.url}}" titulo="{{foto.titulo}}"></foto>
 </div>

O foto.component.html deve ficar assim:

<img [src]="url" [alt]="titulo" class="img-responsive center-block">

Veja se vai! :D

Está certíssima Vanessa! Realmente cometi um vacilo e tanto! rs. Muito obrigado pela resposta. Deu certo aqui.

Muito obrigado também professor Flávio pela atenção.

Vou seguir adiante agora com o curso rsrs.

Bons estudos Fabrício!

:D