2016-10-02 98 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。检查更新,谢谢:) –