2016-10-02 3 views
1

Я новичок в Angular JS и пытаюсь реализовать маршрутизацию в приложении Django. Моего 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

Вы были неправильно href на Page 1 якоря. Вы должны исправить это ниже.

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

И .При также

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

No. Базовая страница Я рендер на 'локальный: 8000/викторины /' –

+0

так что я думаю, что ссылка является правильным –

+0

@AniruddhaBhondwe Нет, это ISN «т. проверка обновлена, спасибо :) –

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