Не работает переадресация на другую страницу
Есть кнопка "Admin" на странице store.component.html для перехода на страницу администрирования:
<button class="btn btn-block btn-danger m-t-3" routerLink="/admin">
Admin
</button>
При клике на ней - переадресация не срабатывает!
Задействованные файлы:
admin.component.ts:
@Component({
moduleId: module.id,
templateUrl: "admin.component.html"
})
export class AdminComponent {}
admin.component.html:
<div class="bg-info p-a-1">
<h3>Страница Admin!/h3>
</div>
admin.module.ts:
import { NgModule } from "@angular/core";
import { CommonModule } from "@angular/common";
import { RouterModule } from "@angular/router";
import { AuthComponent } from "./auth.component";
import { AdminComponent } from "./admin.component";
let routing = RouterModule.forChild([
{ path: "auth", component: AuthComponent },
{ path: "main", component: AdminComponent },
{ path: "**", redirectTo: "auth" }
]);
@NgModule({
imports: [CommonModule, FormsModule, routing],
declarations: [AuthComponent, AdminComponent]
})
export class AdminModule { }
app.module.ts:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { StoreComponent } from "./store/store.component";
import { ModelModule } from "./model/model.module";
import { StoreModule } from './store/store.module';
import { RouterModule } from "@angular/router";
import { StoreFirstGuard } from "./storeFirst.guard";
import { AdminComponent } from './admin/admin.component';
@NgModule({
imports: [BrowserModule, StoreModule,
RouterModule.forRoot([
{ path: "store", component: StoreComponent,
canActivate: [StoreFirstGuard] },
{ path: "cart", component: CartDetailComponent,
canActivate: [StoreFirstGuard] },
{
path: "checkout", component: CheckoutComponent,
canActivate: [StoreFirstGuard]
},
{
path: "admin",/* component: AdminComponent,*/
loadChildren: "app/admin/admin.module#AdminModule",
canActivate: [StoreFirstGuard]
},
{ path: "**", redirectTo: "/store" }
])],
declarations: [AppComponent/*StoreComponent*//*, ProductRepository*/],
providers: [StoreFirstGuard],
bootstrap: [AppComponent]
})
export class AppModule { }
Почему не работает, помогите, пожалуйста, разобраться? Делаю пример из книги.
Сама переадресация у меня выглядит так:
store.component.html:
<button class="btn btn-block btn-danger m-t-3" routerLink="/admin">
Admin
</button>