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>
