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

Question

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

我的树结构如下：

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

希望得到答案。

谢谢

Answer 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 将包含所有 angular 文件。在此文件夹 (js) 中，您应该遵循基于您编写方式的结构 angular。例如我正在使用组件（完全推荐）所以每个文件夹代表一个不同的组件。

/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

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

how to add django base.html to angular js pages?

python

django

django-login

angularjs

django-rest-framework