AngularJS 学习(-)Hello world

早期的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文件。请自行下载。

原文地址:https://www.cnblogs.com/prolove2/p/4727073.html