http://music.163.com网易音乐
AngularJS是一款比较高级的JS框架，相对于jQuery来说，更准确的讲，jQuery是一个js库。
要知道，AngularJS通常是一种体验上的提升。
通常我们知道的AngularJS的优点有：
MVC，模块化，自动化双向绑定，指令系统（非侵入式API）。
主要的，AngularJS非常适合做SPA（单页面应用）。
<h3>可以通过以下的方式来加载AngularJS:</h3>
- <b>npm</b>（如果使用，必须先使用node.js）
npm install angular - <b>Bower</b>
Bower install angular#1.4.8 - <b>下载angular.js的包</b>
https://github.com/angular/angular.js/releases - <b>使用cdn上的angular.js</b>
<h3>为什么要使用AngularJS?</h3>
以前我们是这样开发的：
<input type="text" id="value">
<input type="button" value="*2" id="btn">
<script>
(function(window){
window.document.jquerySelector("#btn")
.addEventListener("click",function(){
var input = window.document.jquerySelector("#value");
var value = input.value;
value = value - 0;
value = value * 2;
input.value = valuel;
})
})(window);
</script>
</br>
现在用AngularJS，可以这样开发：
<body ng-app="myApp'>
<div ng-controller="myController">
<input type = "text" id="value" ng-model="value">
<input type = "button" value="*2" id="btn" ng-click="onbtn()">
</div>
</body>
<script>
(function(window){
//此处代码不会污染全局作用域
var app = window.angular.module("myApp",[]);
app.controller = ("myController",function($scope){
$scope.value = 0;
$scope.onbtn = function(){
$scope.value = $scope*2;
};
});
})(window);
</script>
网友评论