用bower怎么看angular和angular-route的依赖版本?

发布于 2022-09-03 11:57:52 字数 2230 浏览 25 评论 0

angular和angular-route 版本一定要对应才能正常用吗
图片描述
依赖关系是不是要版本一样

之前做了书本上的一个例子:angular版本用的1.2.16,angular-route我pull了1.5.8最新版本运行程序控制台报错:

Error: $injector:modulerr
Module Error

我是用bower来管理依赖文件的,哪这个工具有没有命令可以查看依赖关系呢?

示例代码:

<!DOCTYPE html>
<html lang="en" ng-app="a5_6">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../bower_components/angular/angular.min.js"></script>
    <script type="text/javascript" src="../bower_components/angular-route/angular-route.min.js"></script>
    <style>
        body{
            font-size:13px;
        }
        .show{
            background-color:#cccccc;
            padding:8px;
            width:260px;
            margin:10px 0;
        }
    </style>
</head>
<body>
<h1>View组件中的模版切换</h1>
<div>
    <a href="#/">首页</a>|
    <a href="#/book1">图书</a>|
    <a href="#/game">游戏</a>
</div>
<div ng-view></div>
</body>
<script type="text/javascript">
var a5_6 = angular.module('a5_6',['ngRoute']);
    a5_6.controller('a5_6_1',['$scope', function($scope){
        $scope.title = '这是首页';
    }]);
    a5_6.controller('a5_6_2',['$scope', function($scope){
        $scope.title = '这是图书页';
    }]);
    a5_6.controller('a5_6_3',['$scope', function($scope){
        $scope.title = '这是游戏页';
    }]);
    a5_6.config(['$routeProvider', function($routeProvider){
        $routeProvider.when('/',{
            controller:'a5_6_1',
            template:"<div class='show'>{{title}}</div>"
        }).when('/book',{
            controller:'a5_6_2',
            template:"<div class='show'>{{title}}</div>"
        }).when('/game',{
            controller:'a5_6_3',
            template:"<div class='show'>{{title}}</div>"
        }).otherwise({
            redirectTo:'/'
        });
    }]);
</script>
</html>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

帅冕 2022-09-10 11:57:52

按道理,bower 会帮助你管理好版本依赖的,更新库的时候,用 bower update, 不要自己往下pull

用下面命令查看依赖
bower list

可以通过下面命令查看 angular-route 的信息,以及它所依赖的 angularjs 的版本
bower info angular-route

也可以通过 https://bower.io/search/ 去查找

https://docs.angularjs.org/ap... angular官方的API写的,angular 和 angular-route 的版本是一致的。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文