2016-10-02 131 views
1

我是Angular JS的新手,嘗試在Django App中實現路由。 我的HTML代碼是: -Django中的角度路由

<body> 
<nav class="navbar navbar-inverse" ng-app="QuizRouting"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <a class="navbar-brand" href="#">WebSiteName</a> 
    </div> 
    <ul class="nav navbar-nav"> 
     <li class="active"><a href="#">Home</a></li> 
     <li><a href="#/page1">Page 1</a></li> 
     <li><a href="#">Page 2</a></li> 
     <li><a href="#">Page 3</a></li> 
    </ul> 
    </div> 
</nav> 
<div ng-view></div> 
</body> 

我的JS代碼是: -

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

app.config(function($routeProvider) { 
    $routeProvider 
     .when("quiz/page1", { 
      templateUrl: "/quiz/templates/quiz/page1.html" 
     }); 
}); 

我已經包含了對角與角路由的所有先決條件。但是在點擊頁面1鏈接時,所需的模板不會被渲染。

這是page1.html: -

<div> 
    <h1>Its Working!</h1> 
</div> 

回答

0

你有不正確href1個錨。你應該糾正它到下面。

<li><a href="#/page1">Page 1</a></li> 

而且在。當還

.when('/page1', ....) 
+0

號的基本頁面我呈現爲「本地主機:8000 /測驗/」 –

+0

所以我認爲該鏈接是正確的 –

+0

@AniruddhaBhondwe不,它不是「T。檢查更新,謝謝:) –