AngularJS（一、我们为什么选择AngularJS）

浏览数：103 / 时间：2015年06月09日

在学习和使用AngularJS的过程中，一个这样的问题一直萦绕在我们心头：我们为什么选择AngularJS

首先我们来看一下官方的说明：

AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言，但要构建WEB应用的话它就显得乏力了。所以我做了一些工作（你也可以觉得是小花招）来让浏览器做我想要的事。

AngularJS使用了不同的方法，它尝试去补足HTML本身在构建应用方面的缺陷。AngularJS通过使用我们称为标识符(directives)的结构，让浏览器能够识别新的语法。例如：

使用双大括号{{}}语法进行数据绑定；

使用DOM控制结构来实现迭代或者隐藏DOM片段；

支持表单和表单的验证；

能将逻辑代码关联到相关的DOM元素上；

能将HTML分组成可重用的组件。

AngularJS通过为开发者呈现一个更高层次的抽象来简化应用的开发。如同其他的抽象技术一样，这也会损失一部分灵活性。换句话说，并不是所有的应用都适合用AngularJS来做。AngularJS主要考虑的是构建CRUD应用。幸运的是，至少90%的WEB应用都是CRUD应用。但是要了解什么适合用AngularJS构建，就得了解什么不适合用AngularJS构建。

按官方的意思，就是说AngularJS其实是html的一个补充，它做了一些事情，使html开发webapp更简单快捷。

下面我们用HelloWorld来看看是怎么简单快捷的：

<html>
<head><title>Hello, World in JavaScript</title></head>
<body>
<p id="greeting"></p>
<script type="text/javascript">
  var isIE = document.attachEvent;
  var addListener = isIE
      ? function(e, t, fn) {e.attachEvent(‘on‘ + t, fn);}
      : function(e, t, fn) {e.addEventListener(t, fn, false);};

  addListener(window, ‘load‘, function() {
    var greeting = document.getElementById(‘greeting‘);
    if (isIE) {
      greeting.innerText = ‘Hello, World‘;
    } else {
      greeting.textContent = ‘Hello, World‘;
    }
  });
</script>
</body>
</html>

一般的控制数据显示到界面，我们需要调用dom操作，现在我们来看下AngularJS怎么操作：

<html ng-app>
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
  <script src="controllers.js"></script>
</head>
<body>
  <div ng-controller=‘HelloController‘>
    <input ng-model=‘greeting.text‘>
    <p>{{greeting.text}}, World</p>
  </div>
</body>
</html>

AngularJS通过数据双向绑定，使input中绑定的数据模型每次修改都能自动显示到<p>标签中，这就是AngularJS的第一个优势，数据$scope的双向绑定，

然后是指令(directives)，它所做的就是声明自定义标签来自定义dom，然后通过控制器(controllers)来控制数据的变化(M)以及界面的显示(V)

其次是把MVC的概念从后台带入到前端，使前端大批量的代码得以清晰地编写查看。在下一篇中我们将讲述如何用AngularJS建立前端代码框架

AngularJS中文官网

本文出自 “雪飘七月” 博客，请务必保留此出处http://xuepiaoqiyue.blog.51cto.com/4391594/1636202

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

AngularJS（一、我们为什么选择AngularJS）