gpt4 book ai didi

javascript - 配置菜单的路线 Angular

转载 作者:行者123 更新时间:2023-12-03 02:33:30 27 4
gpt4 key购买 nike

对 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>

我的索引文件无法工作并显示消息:“注入(inject)器模块等...”

最佳答案

这应该是一条评论,但我需要 50 点声誉。

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

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

请注意您使用的 AngularJS 版本,上面只是一个示例。

关于javascript - 配置菜单的路线 Angular ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48633992/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com