[Angular] Problemi con routing

[fermat]

ciao!

ho un problema sul routing in angular che non riesco a capire.
questo il mio app.module.ts:

@NgModule({
  declarations: [
    AppComponent,
    DialogBookComponent,
    ConfirmDialogComponent,
    AutoriComponent,
    MenuComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    HttpClientModule,
    MatToolbarModule,
    MatIconModule,
    MatButtonModule,
    MatTableModule,
    MatCardModule,
    MatPaginatorModule,
    MatSortModule,
    MatMenuModule,
    MatDialogModule,
    MatFormFieldModule,
    MatInputModule,
    ReactiveFormsModule,
    MatDividerModule,
    MatSelectModule,
    ToastrModule.forRoot({
      positionClass: 'toast-top-center',
      preventDuplicates: true,
    }),
    MatGridListModule,
    RouterModule.forRoot(
      [
        {
          path: '',
          component: AppComponent,
          children: [
            {path: 'autori', component: AutoriComponent},
          ]
        }
      ]
    )
  ],
  providers: [
    {provide: LocationStrategy, useClass: HashLocationStrategy},
    {provide: MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: {appearance: 'fill'}}
  ],
  bootstrap: [AppComponent]
})

export class AppModule {
}

poi nella mia topbar ho messo questo:

<a [routerLink]="['/autori']" mat-menu-item>Autori</a>

quando ci clicco vedo che l'url cambia da http://localhost:4200/#/ a http://localhost:4200/#/autori.
ma nella pagina rimane sempre lo stesso contenuto.
secondo voi dove può essere il problema??

[alka]

quando ci clicco vedo che l'url cambia da http://localhost:4200/#/ a http://localhost:4200/#/autori.
ma nella pagina rimane sempre lo stesso contenuto.
secondo voi dove può essere il problema??

Sicuro che non ci sia scritto nulla nel log della console?

[fermat]

Sicuro che non ci sia scritto nulla nel log della console?

ciao!

ho fatto parecchie modifiche ed ha funzionato.
app-routing.module.ts:

import {RouterModule} from '@angular/router';
import {NgModule} from '@angular/core';
import {AutoriComponent} from './autori/autori.component';
import {HomeComponent} from './home/home.component';

@NgModule({
  imports: [
    RouterModule.forRoot([
        {path: '', component: HomeComponent},
        {path: 'autori', component: AutoriComponent},
      ]
    )
  ],
  exports: [RouterModule]
})

export class AppRoutingModule {
}

app.module.ts:

@NgModule({
  declarations: [
    AppComponent,
    DialogBookComponent,
    ConfirmDialogComponent,
    AutoriComponent,
    MenuComponent,
    HomeComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    HttpClientModule,
    MatToolbarModule,
    MatIconModule,
    MatButtonModule,
    MatTableModule,
    MatCardModule,
    MatPaginatorModule,
    MatSortModule,
    MatMenuModule,
    MatDialogModule,
    MatFormFieldModule,
    MatInputModule,
    ReactiveFormsModule,
    MatDividerModule,
    MatSelectModule,
    ToastrModule.forRoot({
      positionClass: 'toast-top-center',
      preventDuplicates: true,
    }),
    MatGridListModule,
    AppRoutingModule,
  ],
  providers: [
    {provide: LocationStrategy, useClass: HashLocationStrategy},
    {provide: MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: {appearance: 'fill'}}
  ],
  bootstrap: [AppComponent]
})

export class AppModule {
}

ho creato un componente ad hoc come route principale.
e nell'app.component.html:

<router-outlet></router-outlet>

infine il router link:

<a [routerLink]="['/autori']" mat-menu-item>Autori</a>

così funziona tutto!

[alka]

ciao!
ho creato un componente ad hoc come route principale.
e nell'app.component.html:

<router-outlet></router-outlet>

infine il router link:

<a [routerLink]="['/autori']" mat-menu-item>Autori</a>

così funziona tutto!

Scusa, questi davo per scontati che tu li avessi già fatti, in quanto sono imprescindibili per implementare il routing nel modo corretto.
Se non c'erano questi componenti, sfido che non funzionasse...

[fermat]

è che ultimamente ho sempre usato template creati con primeng, dove <router-outlet> era già presente.
quindi non ci ho pensato.

ma a parte quello, ho dovuto cmq fare altre modifiche.
tipo creare un componente ad hoc come "root", sennò aveva cmq comportamenti strani.