Can't bind to 'url' since it isn't a known property of 'ap-photo' | Angular parte 1: produtividade e organização com framework SPA

3
respostas

por JORGE MOTOHIDE KINJO

| 12.6k xp | 2 posts

git https://github.com/jmkinjo/angular.git

compiler.js:215 Uncaught Error: Template parse errors: Can't bind to 'url' since it isn't a known property of 'ap-photo'.

If 'ap-photo' is an Angular component and it has 'url' input, then verify that it is part of this module.
If 'ap-photo' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("<ap-photo *ngFor="let photo of photos" [ERROR ->][url]="photo.url" [description]="photo.description"> "): ng:///AppModule/AppComponent.html@2:4 Can't bind to 'description' since it isn't a known property of 'ap-photo'.

3 respostas

por Matheus Henrique Castiglioni

| 5303.5k xp | 9004 posts

Instrutor Senior Software Engineer

26/01/2021

Fala ai Jorge, tudo bem? Acho que seria app-photo não? Verifique como esta o selector do componente Photo.

Espero ter ajudado.

por Diego Montania

| 87.6k xp | 25 posts

29/01/2021

O seletor está correto é ap-photo mesmo. Estou com o mesmo problema.

por Diego Montania

| 87.6k xp | 25 posts

29/01/2021

Já sei como resolver, provavelmente você não recortou o trecho de app.component.html :

<ap-photo 
    *ngFor="let photo of photos" 
    [url]="photo.url" 
    [description]="photo.description">
</ap-photo>

Você copiou e colou em photo-list.component.html, sem remover o código do .html anterior.

Para resolver o problema, você precisa deixar app.component.html vazio. Pois o resposável por exibir as fotos será o photo-list.component.html e não app.component.html.