猿问

如何查看angularjs版本?

如何查看angularjs版本


呼唤远方
浏览 4228回答 2
2回答

米脂

angular的版本可以通过查看angular.js的文档来具体查看,可以在angular的网站上下载到各个版本的angular文件。angularjs的基本用法:如图所示,第一步就是建好一个关于angularJS的相关项目结构。然后引入angularJS对应的插件,这样我们使用angularJS语法才不会报错哦。ng-app放置在body里面,这样body就是整个应用程序的根目录了。然后我们用model绑定input,并且把input的值绑定到变量“jingyan”里面。使用花括号可以解析变量,如图,我还给变量添加了样式。最后,测试一下,我们输入什么就会显示什么,这是因为它已经双向绑定了。

有只小跳蛙

angular和angular-route 版本一定要对应才能正常用吗不是要版本一样之前做了书本上的一个例子:angular版本用的1.2.16,angular-route我pull了1.5.8最新版本运行程序控制台报错:12Error:&nbsp;$injector:modulerrModule&nbsp;Error我是用bower来管理依赖文件的,哪这个工具有没有命令可以查看依赖关系呢?示例代码:12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455<!DOCTYPE&nbsp;html><html&nbsp;lang="en"&nbsp;ng-app="a5_6"><head>&nbsp;&nbsp;&nbsp;&nbsp;<meta&nbsp;charset="UTF-8">&nbsp;&nbsp;&nbsp;&nbsp;<title>Title</title>&nbsp;&nbsp;&nbsp;&nbsp;<script&nbsp;type="text/javascript"&nbsp;src="../bower_components/angular/angular.min.js"></script>&nbsp;&nbsp;&nbsp;&nbsp;<script&nbsp;type="text/javascript"&nbsp;src="../bower_components/angular-route/angular-route.min.js"></script>&nbsp;&nbsp;&nbsp;&nbsp;<style>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;body{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-size:13px;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.show{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color:#cccccc;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;padding:8px;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width:260px;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin:10px&nbsp;0;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;</style></head><body><h1>View组件中的模版切换</h1><div>&nbsp;&nbsp;&nbsp;&nbsp;<a&nbsp;href="#/">首页</a>|&nbsp;&nbsp;&nbsp;&nbsp;<a&nbsp;href="#/book1">图书</a>|&nbsp;&nbsp;&nbsp;&nbsp;<a&nbsp;href="#/game">游戏</a></div><div&nbsp;ng-view></div></body><script&nbsp;type="text/javascript">var&nbsp;a5_6&nbsp;=&nbsp;angular.module('a5_6',['ngRoute']);&nbsp;&nbsp;&nbsp;&nbsp;a5_6.controller('a5_6_1',['$scope',&nbsp;function($scope){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$scope.title&nbsp;=&nbsp;'这是首页';&nbsp;&nbsp;&nbsp;&nbsp;}]);&nbsp;&nbsp;&nbsp;&nbsp;a5_6.controller('a5_6_2',['$scope',&nbsp;function($scope){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$scope.title&nbsp;=&nbsp;'这是图书页';&nbsp;&nbsp;&nbsp;&nbsp;}]);&nbsp;&nbsp;&nbsp;&nbsp;a5_6.controller('a5_6_3',['$scope',&nbsp;function($scope){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$scope.title&nbsp;=&nbsp;'这是游戏页';&nbsp;&nbsp;&nbsp;&nbsp;}]);&nbsp;&nbsp;&nbsp;&nbsp;a5_6.config(['$routeProvider',&nbsp;function($routeProvider){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$routeProvider.when('/',{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;controller:'a5_6_1',&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template:"<div&nbsp;class='show'>{{title}}</div>"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}).when('/book',{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;controller:'a5_6_2',&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template:"<div&nbsp;class='show'>{{title}}</div>"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}).when('/game',{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;controller:'a5_6_3',&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template:"<div&nbsp;class='show'>{{title}}</div>"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}).otherwise({&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;redirectTo:'/'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;&nbsp;&nbsp;&nbsp;}]);</script></html>
随时随地看视频慕课网APP

相关分类

AngularJS
我要回答