Unhandled Promise rejection: Template parse errors

Bom dia. Estou com um erro no uso de pipes. Após alterar o arquivo listagem.component.html adicionando o trecho com | filtroPorTitulo:textoProcurado.value, o aplicativo passou a lançar a exceção Unhandled Promise rejection: Template parse errors.

Já revisei todos os arquivos envolvidos, revi os vídeos e reli os textos, mas não consigo resolver o problema.

Vou postar aqui os códigos para ver se alguém identifica o problema:

foto.pipes.ts

import { Pipe } from '@angular/core';

@Pipe({
    name: 'filtroPorTitulo'
})
export class FiltroPorTitulo {
    transform(fotos, digitado) {
        console.log(fotos);
        console.log(digitado);
    }
}

foto.module.ts

import { NgModule } from '@angular/core';
import { FotoComponent } from './foto.component';
import { FiltroPorTitulo } from './foto.pipes';

@NgModule({
    declarations: [ FotoComponent, FiltroPorTitulo ],
    exports: [ FotoComponent, FiltroPorTitulo ]
})
export class FotoModule {

}

listagem.component.html

<div class="jumbotrom">
    <h1
    class="text-center">AluraPic</h1>
</div>

<div class="container"> 
    <div class="row">
        <div class="col-md-12">
            <form>
                <div class="input-group">
                    <span class="input-group-btn">
                        <a [routerLink]="['/cadastro']" class="btn btn-primary">
                                Nova foto
                        </a>
                    </span>
                    <input #textoProcurado class="form-control" placeholder="Filtrar pelo título da foto"/>
                </div> 
            </form>
        </div> <!-- fim col-md-12 -->
        <br>
        <div class="row">
            <painel *ngFor="let foto of fotos | filtroPorTitulo:textoProcurado.value" titulo="{{foto.titulo | uppercase}}" class="col-md-2">
                <foto url="{{foto.url}}" titulo="{{foto.titulo}}"></foto>
            </painel>
        </div>
    </div>
</div>