配置菜单的角度路线

Question

与angular js中的路由配置混淆。 我想学习如何配置它，并且不导入每个html文件的所有依赖项。

这是我不想拥有的foreach文件：

  <script src="../../resources/jquery/jquery.min.js"></script>
<link rel="stylesheet" href="../../resources/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../resources/toastr/toastr.min.css" />
<script src="../../resources/angular/angular.min.js"></script>
<script src="../../resources/bootstrap/js/bootstrap.min.js"></script>
<script src="../../resources/toastr/toastr.min.js"></script>
<script src="../services/book.service.js"></script>
<script src="controllers/book.controller.js"></script>

1-我的appConfig.js具有路线：

var app = angular.module("library.crud", ["ngRoute"]);

app.config(['$routeProvider', '$locationProvider',
function ($routeProvider, $locationProvider) {

    $routeProvider
        .when('/', {
            templateUrl: 'app/views/home.html',
            controller: 'homeController',
            controllerAs: 'vm'
        })
        .when('/book', {
              templateUrl: 'app/views/book.html',
              controller: 'bookController',
              controllerAs: 'vm'
        })
        .when('/books', {
            templateUrl: 'app/views/books.html',
            controller: 'booksController',
            controllerAs: 'vm'
        })
    .otherwise({
        redirectTo: '/'
    })


    $locationProvider.html5Mode({
        enabled: true,
        requireBase: false
    });
}]);

如何使用appConfig文件？

我的索引菜单：

<html ng-app="library.crud">
  <script src="appConfig.js"> </script>

<body ng-app="library.crud">
  <a href="#/books">books</a>
  <a href="#/book">book</a>

  <div ng-view></div>
</body>
</html>

我的索引文件不起作用，并显示以下消息：“ injector moduler etc ...”

Answer 1

这本来应该是评论，但我需要50分的声誉。

您需要将angular-route.js文件添加到页面。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script>

请小心使用的AngularJS版本，以上仅为示例。

配置菜单的角度路线

问题描述

1 个解决方案

解决方案1
1 已采纳

配置菜单的角度路线

问题描述

1 个解决方案

解决方案1 1 已采纳

解决方案1
1 已采纳