Não consigo achar o erro

Segue abaixo meu código do app.component.html

<div class="jumbotron">
    <h1 class="text-center">DumbWiki</h1>
</div>
<div class="container">
    <foto url="img/leao-branco" titulo="Leão Branco"></foto>
    <foto url="img/leao" titulo="Leão"></foto>
</div>

Do meu 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;
}

Do meu foto.component.html

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

Já procurei o erro em todos os lugares, mas não consigo achar.