index.html (レイアウト ページ):
<!DOCTYPE html>
<html data-ng-app="web">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script src="js/jquery.min.js"></script> <!-- v2.1.1 -->
<script src="js/angular.min.js"></script> <!-- v1.2.24 -->
<script src="js/angular-route.min.js"></script> <!-- v1.2.24 -->
<script type="text/javascript">
var web = angular.module("web", ['ngRoute']);
web.config(function($routeProvider) {
$routeProvider.when('/', {
templateUrl: 'page1.html'
}).otherwise({
redirectTo: '/'
});
});
</script>
</head>
<body data-ng-view>
</body>
</html>
page1.html (子ページ):
<script type="text/javascript">
function myController($scope) {
$scope.foo='foo';
}
</script>
<div data-ng-controller="myController">
{{foo}}
</div>
メイン ページ (index.html) から jQuery を削除すると、angular-route はコントローラー (myController) を見つけることができません。これがバグなのか、それとも私が何か間違っているのか、誰か教えてもらえますか?
angular.min.js v1.2.24、angular-route.min.js v1.2.24、jquery.min.js v2.1.1 を使用しています。