AngularJS基础讲解-AngularJS简介

本博主因为开发需要，所以对AngularJS展开探究。

本章不讲解实际内容，只是对AngularJS的来处和历史做一个简单的介绍。

1.AngularJS能做什么？

我对AngularJS的作用理解的比较肤浅，我会把他拿来绑定数据。绑定数据(什么鬼)？

下面我来贴一段代码来说明:

        $(function () {
            //请求加载初始数据
            $.post(
                "/Login/ViewDataList",
                function (result) {
                    var dataStr = "";
                    $(result).each(function (index, element) {
                        dataStr += ("<tr><td>" + (index + 1) + "</td>"
                                   + "<td>" + element["NWName"] + "</td>"
                                   + "<td>" + element["NWInfo"] + "</td>"
                                   + "<td>" + element["NWCode"] + "</td>"
                                   + "<td>" + element["Tag"] + "</td>"
                                   + "<td>详情/删除</td></tr>");
                    });
                    $("#TestData tbody").append(dataStr);
                }, "json");
        });

这是我每次开发项目时候遇到的一个瓶颈，以上代码可以看到，这是加载完页面Dome元素后向后端请求数据并且对返回数据进行处理的一段代码，那么我首先声明了一个变量dataStr=""，然后后面再对这个变量进行拼接为table元素内的行数据格式<tr></tr>，最终将拼接所得的字符串填充进入table的操作。这样有什么不好呢？我个人觉得反正是不好的，首先就是麻烦，这里数据只有六列（加上详情列），所以还好一点，那如果数据列数到达10列20列呢？所以每次做到这里的时候我就觉得很难受，之前用过EasyUI，稍微好一点，但是那个界面不太友好（难看~），这次我的头头让我看看AngularJS。

那么官方对AngularJS的定义是什么呢？

1.AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。

2.AngularJS 是以一个 JavaScript 文件形式发布的，可通过 script 标签添加到网页中。

3.AngularJS 是一个 JavaScript 框架。

核心就是AngularJS是一个JavaScript框架，那么他和Jquery框架有什么不同呢？绑定数据（这是我的推理）。

接下来对AngularJS的历史做一些陈述:

1.版本 1.0 是在 2012 年发布的。

2.AngularJS 是由 Google 的员工 Miško Hevery 从 2009 年开始着手开发。

3.该项目目前已由 Google 正式支持，有一个全职的开发团队继续开发和维护这个库。

4.AngularJS 推出了第二个版本，而且比第一个版本更好学，但是当前的兼容性不太好（前端朋友告诉我的）。

刚才突然想起，本系列博文不是对AngularJS 进行讲解，而是对它进行探究，所以可能有的地方用词不准确或表达不够清晰，大家看到了就麻烦提出来，谢谢大家，我相信学习效率是在不停的交流中提高的！

CSDN上的AngularJS 1.4.6版本下载:

http://download.csdn.net/detail/microsoftdesigner/9741937