Закладные маршруты в угловом 2

Я пытаюсь разработать приложение. с помощью маршрутов (Lazy Загрузка) в угловой 2 (RC5). Я обнаружил, что я не могу добавить закладку на какой-либо маршрут, даже я попытался напрямую поместить ссылку в URL-адрес, но это не сработало, я искал проблему, но не смог ее понять!Закладные маршруты в угловом 2

Вот некоторые сниппет моего ядра:

index.html

<html> 
    <head> 
    <title>Angular 2 QuickStart</title> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <!-- 1. Load libraries --> 
    <!-- Polyfill(s) for older browsers --> 
    <script src="node_modules/core-js/client/shim.min.js"></script> 
    <script src="node_modules/zone.js/dist/zone.js"></script> 
    <script src="node_modules/reflect-metadata/Reflect.js"></script> 
    <script src="node_modules/systemjs/dist/system.src.js"></script> 
    <script src="node_modules/ng2-bootstrap/bundles/ng2-bootstrap.min.js"></script> 
    <!-- 2. Configure SystemJS --> 
    <script src="systemjs.config.js"></script> 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <script> 
     System.import('app').catch(function(err){ console.error(err); }); 
    </script> 
    <link rel="stylesheet" href="node_modules/dragula/dist/dragula.css"> 
    <base href = ''> 
    </head> 
    <!-- 3. Display the application --> 
    <body> 
    <main-app class='container'>Loading...</main-app> 
    </body> 
</html>

AppComponent

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

@Component({ 
    selector: 'main-app', 
    template: ` 
     <h4>Today: {{ todaysDate | date:"dd/MM/yy"}}</h4> 
     <nav> 
      <a routerLink = '/home' routerLinkActive = 'active'>Home Tab</a> 
      <a routerLink = '/clients' routerLinkActive = 'active'>Clients Tab</a> 
      <a routerLink = '/aboutus' routerLinkActive = 'active'>About Us Tab</a> 
     </nav> 
     <router-outlet></router-outlet> 
    ` 
}) 
export class AppComponent{ 
    .... 
    .... 
}

AppRouter:

import { Routes, RouterModule } from '@angular/router'; 
import { homeComponent } from '../home.component/home.component'; 
import { clientsComponent } from '../clients.component/clients.component'; 
import { aboutusComponent } from '../aboutus.component/aboutus.component'; 

const routes = [ 
    { 
     path: 'home', 
     component: homeComponent 
    }, 
    { 
     path: 'clients', 
     component: clientsComponent 
    }, 
    { 
     path: 'aboutus', 
     component: aboutusComponent 
    }, 
    { 
     path: '**', 
     component: homeComponent 
    } 
]; 
export const appRouteProviders = []; 
export const appRoutes = RouterModule.forRoot(routes);

Когда я попытался поставить ссылку непосредственно в URL, скажем - http://localhost:3000/clients или http://localhost:3000/aboutus, он не работает !! Тогда почему эти ссылки не являются закладными? Что Lazy Loading точно так? Пожалуйста, помогите мне.

источник

2016-08-24 Shree

Похоже DUP из http://stackoverflow.com/questions/31415052/angular-2-0-router-not-working- on-reloading-the-browser –

Есть ли у этой линии определяют на вашем index.html

<base href='/' >

источник

2016-08-24 06:38:15 12seconds

Да, обычно его работа прекрасна, но я не могу сразу перейти на какой-либо конкретный URL. !! – Shree

Можете ли вы обновить свой вопрос и добавить свой код index.html, пожалуйста. должен решить вашу проблему. – 12seconds

Да, я обновил свой вопрос. – Shree

Закладные маршруты в угловом 2

ответ

Смежные вопросы