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

As fotos não carregam

Fiz a aula de configuração de rotas, mas a url http://localhost:4200/user/flavio não carrega as fotos, nẽo exibe erro nem nada. A rota http://localhost:4200/p/add esta normal. O servidor da API esta rodando normalmente

8 respostas

Oi Leandro tudo certo ?

Pode postar seu app.routing.module.ts pra gente dar uma olhada ?

Opa, esqueci de postar hahaha

import { NgModule } from "@angular/core";
import { Routes, RouterModule } from '@angular/router';

import { PhotosListComponent } from './photos/photos-list/photos-list.component';
import { PhotoFormComponent } from './photos/photo-form/photo-form.component';

const routes: Routes = [
    { path: 'user/flavio', component: PhotosListComponent },
    { path: 'p/add', component: PhotoFormComponent }
];

@NgModule({
    imports: [ 
        RouterModule.forRoot(routes) 
    ],
    exports: [ RouterModule ]
})
export class AppRoutingModule { }

Não vi nada de errado no app.routing.module.ts , pode postar o app.module.ts e o app.component.html

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

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

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    PhotosModule,
    HttpClientModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
<router-outlet></router-outlet>

Tem outro arquivo com o nome app-routing.module.ts que foi gerado no inicio do projeto, sera que ele pode interferir nisso?

solução!

Encontrei o erro aqui , era de sintaxe no photo-list.component.ts, tinha um [] a mais aqui heheheh

Obrigado pela ajuda

Boa Leandro !!