早期的AngularJS使咱們的前端開發模式發生很大的變化,基使用MVC。 Model - html 模板;Controller - js腳本; Model 來自於Web API 或其餘Service的 JSON 或XML數據。隨着$scope的引用,如今的AngularJS愈來愈像MVVM了. 支持雙向綁定,依懶注入等各類MVVM的特性。這方面的介紹,網上不少,就很少說了。javascript
上代碼,個人第一個 Angular JS. Hello world.html
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <script type="text/javascript" src="angular.js"></script> 6 <title>Hello World</title> 7 </head> 8 <body> 9 <div ng-app> 10 <input ng-model="text" type="text" placeholder="please input.." /> 11 <h2>Hello {{text || 'world'}}</h2> 12 </div> 13 </body> 14 </html>
ng-app: 做用域。此標記指示angular js只處理該<div>標記內的DOM。一個html頁面中能夠有一個或多個 ng-app.前端
ng-model: 數據綁定,當前數據綁定爲雙向綁定。java
有興趣的朋友,能夠拷出去本身試一下。angular.js文件。請自行下載。app