장고의 각도 라우팅

저는 Angular JS를 처음 사용하고 Django App에서 라우팅을 구현하려고합니다. 내 HTML 코드는 다음과 같습니다 -장고의 각도 라우팅

<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

호 '로컬 호스트 : 8000/퀴즈 /' –

그래서 링크가 –

@AniruddhaBhondwe을 아니, 외설에게 적절한 생각 '티. 업데이트 확인, 감사합니다 :) –

장고의 각도 라우팅

답변

관련 문제