Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

undefined ao carregar a tela

Ao realizar o data binding dos atributos da tag igm, quando é realizado o carregamento da pagina, aparece um texto na tela "undefined" porém sem erros na console do navegador. Ao retirar o databinding os dados são carregados normalmente. Não entendo qual o problema, está importado tudo conforme explicado nas aulas até aqui.

5 respostas

Fala Matheus, beleza?

Pode postar seu código, por favor?

Olá Júlio, o meu aconteceu o mesmo... Tem alguma ideia do que está pegando?

Código do photo.component.html

<img class="img-thumbnail" [src]="url" [alt]="description">

Código do photo.component.ts

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

@Component({
    selector: 'ap-photo',
    templateUrl: 'photo.component.html'
})
export class PhotoComponent {
    description = 'Leão';
    url = 'https://upload.wikimedia.org/wikipedia/commons/thumb/5/5a/Sultan_the_Barbary_Lion.jpg/440px-Sultan_the_Barbary_Lion.jpg'
}

Código do app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';

// import { AppRoutingModule } from './app-routing.module';

import { PhotoComponent } from './photo/photo.component';

@NgModule({
  declarations: [
    AppComponent,
    PhotoComponent
  ],
  imports: [
    BrowserModule,
    // AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})

export class AppModule { }

Então, testei no meu aqui e deu certo.

No app.module, você está declarando AppComponent e PhotoComponent, correto

O seu binding está correto.

No App.component.html, você colocou as tags do selector?

<ap-photo></ap-photo>
solução!

Boa noite, pessoal.

O motivo de estar rolando o undefined, foi rapidamente resolvido. O problema foi muito besta: a tag do component não estava escrito da forma correta hahaha...

Boa noite, pessoal.

O motivo de estar rolando o undefined, foi rapidamente resolvido. O problema foi muito besta: a tag do component não estava escrito da forma correta hahaha...