早期的AngularJS使我们的前端开发模式发生很大的变化,基使用MVC。 Model - html 模板;Controller - js脚本; Model 来自于Web API 或其他Service的 JSON 或XML数据。随着$scope的引用,现在的AngularJS越来越像MVVM了. 支持双向绑定,依懒注入等各种MVVM的特性。这方面的介绍,网上很多,就不多说了。
上代码,我的第一个 Angular JS. Hello world.
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: 数据绑定,当前数据绑定为双向绑定。
有兴趣的朋友,可以拷出去自己试一下。angular.js文件。请自行下载。