AngularJS 學習(-)Hello world

早期的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

相關文章
相關標籤/搜索