Я пытаюсь запустить bootstrap в проект angular.js. Это мой index.html:
<!doctype html>
<html ng-app="myapp">
<head>
<meta charset="utf-8">
<base href="{% url 'app' %}" />
<title>Project</title>
</head>
<body>
<div ng-view>
<p>Loading...</p>
</div>
<script>
var url = function(path) { return '{{ STATIC_URL }}' + path };
</script>
<script src="{{ STATIC_URL }}js/jquery-1.10.1.js"></script>
<script src="{{ STATIC_URL }}js/angular.js"></script>
<script src="{{ STATIC_URL }}js/project/app.js"></script>
<script src="{{ STATIC_URL }}js/project/controllers.js"></script>
</body>
</html>
url 'app'
на голове просто печатает подпуть/приложение, например. Это мой app.js:
'use strict';
var app = angular.module('myapp', []);
app.config(['$routeProvider', function($router) {
$router.when('/', {
templateUrl: url('partials/foo.html'),
controller: controllers.Foo
});
}]);
Проблема в том, что каждый раз, когда я пытаюсь запустить ее, возникает исключение: Uncaught Error: No module: myapp
, и это почти то же самое angular-seed работает. Я искал в Google и StackOverflow, но ни один из ответов (один и два) мне помог.
Здесь fiddle о моей ошибке (вы должны открыть консоль браузера, чтобы увидеть ее). Что не так?