角JS ngroute不工作的靜態HTML文件

上午有6個HTML文件中，我採用了棱角分明的js配置ngroute，每一個HTML文件，圖像jQuery的滑塊和我已經使用了節點快遞網絡服務器作爲服務器的地方在3000端口運行，如果我啓動我的服務器和我打開我的瀏覽器並加載本地主機：3000我能得到index.html文件及其內容，如果要前往其他菜單鏈接是無法獲取的HTML內容文件，但它的加載預加載器而已，我發表我的HTML和角度的js代碼下面請大家指正任何一點毛病角JS ngroute不工作的靜態HTML文件

HTML

<div class="navbar-collapse pull-right nav-main-collapse collapse" ng-app="sam"> 
    <nav class="nav-main"> 
    <!--NOTE 

    For a regular link, remove "dropdown" class from LI tag and "dropdown-toggle" class from the href. 
    Direct Link Example: 
    <li> <a href="#">HOME</a> </li> 
    --> 
    <ul id="topMain" class="nav nav-pills nav-main"> 
     <li class="active"><!-- HOME --> 
     <a href="#index"> Home </a> </li> 
     <li class="active"><!-- Instruction to Authors --> 
     <a href="#author"> Instructions to Authors </a> </li> 
     <li class="active"><!-- Manuscript Submission --> 
     <a href="#manuscript">Manuscript Submission </a> </li> 
     <li class="active"><!-- Contents --> 
     <a href="#contents"> Contents </a> </li> 
     <li class="active"><!-- Editorial Board --> 
     <a href="#editorial"> Editorial Policy </a> </li> 
     <li class="active"><!-- Contact Us --> 
     <a href="#contact"> Contact Us </a> </li> 
    </ul> 
    <div ng-view></div> 
    </nav> 
</div>

周的script.js（角js文件）

var app = angular.module('sam', ['ngRoute']); 

app.config(function ($routeProvider) { 
$routeProvider. 


     when('/index', { 
     templateUrl: 'index.html' 
     }). 
     when('/author', { 
     templateUrl: 'author.html' 
     }). 
     when('/contact', { 
     templateUrl: 'contact.html' 
     }). 
     when('/contents', { 
     templateUrl: 'contents.html' 
     }). 
     when('/editorial', { 
     templateUrl: 'editorial.html' 
     }). 
     when('/manuscript', { 
     templateUrl: 'manuscript.html' 
     }); 

});

來源

2015-12-21 kalai selvan

您應該鏈接到#/author而不是#author

來源

2015-12-21 12:01:43 koningdavid

是的，我已經添加了＃/到鏈接標記它只是加載預加載不僅沒有內容 –

請確保您已包含在index.html的角route.js

<script src="bower_components/angular-route/angular-route.js"></script>

您可以按照給定的鏈接，以確保您的代碼this link

來源

2015-12-21 12:38:23 Dineshaws

實際上是從CDN 我認爲這不是問題，問題是我不知道路由在我的項目中的文件夾中的節點快遞web服務器 –

請把你的路由器的代碼在這裏，或者你可以更新你的問題添加節點快遞代碼 – Dineshaws

var express = require（'express'）; var app = express（）; var path = require（'path'）; app.use（express.static（__目錄名+ '/'））; app.get（/^\ /（（？：？[^ \ /] + \ /）+）\ //，功能（REQ，RES）{ res.send（req.params [0] .split （'/'））; }）; app.listen（3000，函數（）{ 的console.log（「它開始於3000端口」）; }）; –

角JS ngroute不工作的靜態HTML文件

回答

相關問題