Django中的角度路由答案

【问题标题】：Angular Routing in DjangoDjango中的角度路由
【发布时间】：2017-02-10 17:25:45
【问题描述】：

我是 Angular JS 的新手，正在尝试在 Django 应用程序中实现路由。我的 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"
        });
});

我已经包含了 Angular 和 Angular 路由的所有先决条件。但是在单击第 1 页链接时，未呈现所需的模板。

这是page1.html:-

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

【问题讨论】：

标签： angularjs django angular-routing

【解决方案1】：

您在 第 1 页 锚点上的 href 不正确。你应该把它改正到下面。

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

而且在.when也

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

【讨论】：

没有。我呈现的基本页面位于 'localhost:8000/quiz/'
所以我认为链接是正确的
@AniruddhaBhondwe 不，不是。检查更新，谢谢:)

【解决方案2】：

您发送了一个获取 /quiz/templates/quiz/page1.html 的请求，但 django 无法识别此路径。尝试将您的页面放入 quiz/static/quiz/pages 并更改

templateUrl: "/quiz/templates/quiz/page1.html"

到

templateUrl: "/quiz/static/quiz/pages/page1.html"

【讨论】：