AngularJS简单入门

       AngularJS 是一个 JavaScript 框架，与JQuery框架的使用方式一样，可通过<script>标签引入即可，例如：<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>。
       由于第一次使用此框架，先来认识一下它到底能干嘛：AngularJS 把应用程序数据绑定到 HTML 元素;AngularJS 可以克隆和重复 HTML 元素;AngularJS 可以隐藏和显示 HTML 元素;AngularJS 可以在 HTML 元素"背后"添加代码;AngularJS 支持输入验证等等，通过这些特性使得前端的开发更加简易与高效，当然了并不是所有的应用都适合AngularJS来做，而AngularJS主要考虑的是构建CRUD应用。
      下面来通过一些AngularJS 指令来简单的使用一下AngularJS框架，体验一下此框架与JQuery等JS框架的不同之处：
       1.ng-app 指令定义一个 AngularJS 应用程序，ng-model 指令把元素值（比如输入域的值）绑定到应用程序，代码与效果如下

       

       

      以上代码的大意是这样的：ng-app 指令告诉 AngularJS，<div> 元素是 AngularJS 应用程序 的"所有者"；而ng-model 指令把输入域的值绑定到应用程序变量 name;{{name}}为AngularJS表达式，稍后会有讲解

      2.ng-init 指令初始化 AngularJS 应用程序变量

     

     

      代码解释：ng-init 指令初始化 AngularJS 应用程序变量，ng-bind 指令把应用程序变量 firstName绑定到某个段落的 innerHTML

      3.AngularJS 表达式 很像 JavaScript 表达式：它们可以包含文字、运算符和变量

      

     

      

       代码解释：AngularJS 表达式把数据绑定到 HTML，这与 ng-bind 指令有异曲同工之妙;AngularJS 将在表达式书写的位置"输出"数据

       以上为AngularJS的一些基本的简单使用与介绍，下面来尝试下AngularJS控制器的使用：   

       

       

      AngularJS 模块（Module） 定义了 AngularJS 应用;AngularJS 控制器（Controller） 用于控制 AngularJS 应用; ng-controller 定义了控制器。

      以上为AngularJS的简介与以及一些入门指令的简单使用，后续会再进行一些其他指令与特性的使用。