用bower怎么看angular和angular-route的依赖版本?
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
按道理,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 的版本是一致的。