如何将 django base.html 添加到 Angular js 页面？

【问题标题】：how to add django base.html to angular js pages?如何将 django base.html 添加到 Angular js 页面？
【发布时间】：2017-10-25 21:03:50
【问题描述】：

所以我创建了一个项目，它的前端在 angularjs 中，后端在 Django rest 框架中。现在我创建了一个 django 登录页面，它应该授权所有其他角度页面。那么我们如何使用静态文件扩展 angularjs 页面中的 base.html。

我的树结构如下：

  project
    |
    |
   application
   templates
   manage.py
   project
    |
     settings.py
     urls.py
  public
     |
     static
     html files

希望得到答案。

谢谢

【问题讨论】：

最好让 angularjs 页面远离 django 模板。 AngularJS 本身提供了从模板到局部视图等的一切。也许局部是你需要的

标签： python angularjs django django-rest-framework django-login

【解决方案1】：

我建议如下。在您的模板文件夹中添加一个文件 base.html。在此文件中导入所有 css 和 js 文件。 base.html 将包含 ng-app、ng-view（或您正在使用的任何内容）。例如：

<html ng-app="raceApp">
.
.
<div>
  <nav-bar></nav-bar>
  <section ng-view autoscroll="true">
  </section>
</div>
</html>

然后在静态文件中你可以有一个文件夹 static/js 将所有的角度文件。在这个文件夹（js）中，您应该根据您编写角度的方式遵循一个结构。例如我正在使用组件（完全推荐），所以每个文件夹代表一个不同的组件。

/static/js/user-login/
/static/js/user-login/user-login.component.js
/static/js/user-login/user-login.module.js
/static/js/user-login/user-login.services.js
/static/js/user-login/user-login.template.html

【讨论】：