Так я создал простой app.js, как это
var app = angular.module('app', ['ngRoute', 'ngResource']);
app.config(function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'html/home.html',
});
});
но когда я создаю отдельный файл routes.js
app.config(function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'html/home.html',
});
});
Домашняя страница не отображается. Я дважды проверил все, и я добавил route.js на индексную страницу.
Но это дает мне эту ошибку: Uncaught ReferenceError: приложение не определено. Но я не знаю почему? приложение не является анонимной функцией.
Это моя индексная страница
<!DOCTYPE html>
<html ng-app="app">
<head>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script type="text/javascript" src="https://code.angularjs.org/1.4.4/angular.js"></script>
<script type="text/javascript" src="https://code.angularjs.org/1.4.4/angular-resource.js"></script>
<script type="text/javascript" src="https://code.angularjs.org/1.4.4/angular-route.js"></script>
<script type="text/javascript" src="routes.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body>
<div ng-view></div>
</body>
</html>
Поскольку вы используете переменную app
в routes.js
вам необходимо загрузить этот файл после app.js
где эта переменная создана:
<script type="text/javascript" src="app.js"></script>
<script type="text/javascript" src="routes.js"></script>
В качестве альтернативы вы можете настроить маршруты в отдельных модулях и использовать эти модули в качестве зависимостей от основного модуля:
var app = angular.module('app', ['ngRoute', 'ngResource', 'main', 'admin']);
а затем, например, в main-moudle.js
:
angular.module('main', []).config(function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'html/home.html',
});