2017-05-25 59 views
0

所以我創建了一個項目,它的前端位於angularjs和後端Django rest框架中。現在我已經創建了一個django登錄頁面,它應該授權所有其他角頁面。 所以我們如何使用靜態文件在angularjs頁面中擴展base.html。如何將django base.html添加到角度js頁面?

我的樹結構如下:

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

希望能得到答案。

謝謝

+0

倒不如從Django模板保持angularjs頁面了。 AngularJS本身提供了從模板到局部視圖等所有內容。 也許partials是你在這裏需要的 –

回答

0

我建議如下。 在你的模板文件夾中添加一個文件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 
+0

@ mmm12345這個答案解決了你的問題嗎? – CrazyGeek