AngularJS 之基础概念

AngularJS 是什么

AngularJS 主要用于构建单页面 Web 应用。它通过增加开发人员和常见 Web 应用开发任务之间的抽象级别,使构建交互式的现代 Web 应用变得更加简单。

AngularJS 提供的高级功能

  1. 解耦应用程序逻辑，数据模型和视图
  2. Ajax 服务
  3. 依赖注入
  4. 浏览历史
  5. 测试
  6. 更多功能

AngularJS 有什么不同

在其他 JavaScript 框架中,我们被迫从自定义的 JavaScript 对象中进行扩展,并从外到内操作 DOM。
尽管这个过程并不复杂,但是它要求开发者对整个 DOM 结构都有所了解,并强迫我们在 JavaScript 代码中加入复杂的控制逻辑,用以操作外部 DOM。
而 AngularJS 则通过原生的 Model-View-Controller(MVC,模型视图控制器) 功能增强了 HTML。
利用它,开发者可将页面的一部分封装为一个应用,并且不强迫整个页面都使用 AngularJS 进 行开发。
此外,AngularJS 团队非常重视框架文件压缩后的大小,这样使用它就不会付出太多的额外 代价 (写作本书时,文件压缩后的体积在 90 KB 左右)。这一特性使得 AngularJS 非常适合用于开 发功能原型。

最开始的 HelloWorld 

<!DOCTYPE html>
<html ng-app="">
    <head>
        <title>
            SimpleApp
        </title>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js"></script>
    </head>
    <body>
        <input ng-model="name" type="text" placeholder="Your name">
        <h1>Hello {{name}}</h1>
    </body>
</html>