Djangoの角度ルーティング

私は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>

出典

2016-10-02 Aniruddha Bhondwe

あなたはページ1アンカーに間違ったhrefを持っていました。下に修正してください。

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

そして.whenでも

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

出典

2016-10-02 18:28:15

いいえ、私はレンダリングベースページがである 'localhostの：8000 /クイズ/' –

ので、私は、リンクを適切な –

@AniruddhaBhondweんだと思う、それはにISN 't。更新を確認してください、ありがとう:) –

Djangoの角度ルーティング

答えて

関連する問題