Question

我正在使用Django和AngularJs routing开发一个应用程序。

在Angular routing的我的网址配置中，我有以下代码：

app.config(function($routeProvider) {
$routeProvider
.when('/add', {
templateUrl : 'bultan/addReport.html',
controller : 'addReport'
})

在我的Django模板文件夹中，我得到了一个名为bultan的文件夹，其中包含一个名为addReport.html的模板文件

但似乎AngularJs无法找到模板文件地址。

我尝试了templateUrl : 'addReport.html',和templateUrl : 'templates/bultan/addReport.html',，但他们也没有用。

如何制作角度查找django模板并将其显示在ng-view？

中

Angularjs在浏览器控制台中显示错误：

route.min.js:13:0
Error: [$injector:modulerr] http://errors.angularjs.org/1.2.26/$injector/modulerr?p0=bultanApp&p1=[$injector:modulerr] http://errors.angularjs.org/1.2.26/$injector/modulerr?p0=ngAnimate&p1=[$injector:nomod] http://errors.angularjs.org/1.2.26/$injector/nomod?p0=ngAnimate
C/<@http://localhost:8080/static/js/lib/angular.min.js:6:450
Zc/b.module</</b[e]<@http://localhost:8080/static/js/lib/angular.min.js:20:1
Zc/b.module</<@http://localhost:8080/static/js/lib/angular.min.js:20:1
e/<@http://localhost:8080/static/js/lib/angular.min.js:33:267
r@http://localhost:8080/static/js/lib/angular.min.js:7:288
e@http://localhost:8080/static/js/lib/angular.min.js:33:207
e/<@http://localhost:8080/static/js/lib/angular.min.js:33:284
r@http://localhost:8080/static/js/lib/angular.min.js:7:288
e@http://localhost:8080/static/js/lib/angular.min.js:33:207
gc@http://localhost:8080/static/js/lib/angular.min.js:36:309
fc/c@http://localhost:8080/static/js/lib/angular.min.js:18:170
fc@http://localhost:8080/static/js/lib/angular.min.js:18:387
Xc@http://localhost:8080/static/js/lib/angular.min.js:17:415
@http://localhost:8080/static/js/lib/angular.min.js:215:30
n.Callbacks/j@http://localhost:8080/static/js/lib/jquery-2.1.3.min.js:2:26906
n.Callbacks/k.fireWith@http://localhost:8080/static/js/lib/jquery-2.1.3.min.js:2:27724
.ready@http://localhost:8080/static/js/lib/jquery-2.1.3.min.js:2:29516
I@http://localhost:8080/static/js/lib/jquery-2.1.3.min.js:2:29707

C/<@http://localhost:8080/static/js/lib/angular.min.js:6:450
e/<@http://localhost:8080/static/js/lib/angular.min.js:34:97
r@http://localhost:8080/static/js/lib/angular.min.js:7:288
e@http://localhost:8080/static/js/lib/angular.min.js:33:207
e/<@http://localhost:8080/static/js/lib/angular.min.js:33:284
r@http://localhost:8080/static/js/lib/angular.min.js:7:288
e@http://localhost:8080/static/js/lib/angular.min.js:33:207
gc@http://localhost:8080/static/js/lib/angular.min.js:36:309
fc/c@http://localhost:8080/static/js/lib/angular.min.js:18:170
fc@http://localhost:8080/static/js/lib/angular.min.js:18:387
Xc@http://localhost:8080/static/js/lib/angular.min.js:17:415
@http://localhost:8080/static/js/lib/angular.min.js:215:30
n.Callbacks/j@http://localhost:8080/static/js/lib/jquery-2.1.3.min.js:2:26906
n.Callbacks/k.fireWith@http://localhost:8080/static/js/lib/jquery-2.1.3.min.js:2:27724
.ready@http://localhost:8080/static/js/lib/jquery-2.1.3.min.js:2:29516
I@http://localhost:8080/static/js/lib/jquery-2.1.3.min.js:2:29707
 angular.min.js:6:449

Answer 1

不要混合使用Angular和Django模板文件。从Django的角度来看，Angular模板是静态文件。另一方面，Django模板文件由Django解释，它们不由静态服务器提供，因此您无法通过URL请求它们。

Angular routing无法找到Django模板文件

1 个答案: