角度可收藏的路線2

我正在嘗試開發應用程序。在路線（延遲加載）在角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，這是行不通的！那麼爲什麼這些鏈接不可收藏？什麼懶惰加載到底做得如何？請幫助我。

來源

2016-08-24 Shree

聽起來像http://stackoverflow.com/questions/31415052/angular-2-0-router-not-working-的DUP重新加載瀏覽器 –

你有此行您的index.html定義

<base href='/' >

來源

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

是的，通常它的工作很好，但我無法直接跳轉到任何特定的URL。 – Shree

您可以更新您的問題並添加您的index.html代碼。應該解決你的問題。 – 12seconds

是的，我更新了我的問題。 – Shree

角度可收藏的路線2

回答

相關問題