Как разделить маршруты в angularjs

Question

Как разделить маршруты в angularjs

0

Так я создал простой 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>

Greg 23 авг. 2015, в 18:18

Источник

Теги:

javascript

angularjs

1 ответ

Ещё вопросы

dfsq · Accepted Answer · 2015-08-23T13-43-00.000Z

Поскольку вы используете переменную 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',
});

Я знал, что что-то забыл. Я собираюсь попробовать поместить их в модули, спасибо за совет.