一、开端
Angular JS 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它提供web应用的架构，无需进行手工DOM操作。 AngularJS很小，只有60K，兼容主流浏览器，与jQuery 配合良好。
二、基础原则了解
①angular的一些入门了解
一、基础知识
1.angular放弃了IE8
2.四大核心分别是mvc、模块化、指令系统、双向数据绑定
二、一些原则
1.不要复用controller，一个控制器一般只负责一小块视图。
2.不要在controller里面操作dom。
3.不要在contorller里面做数据格式化，ng有很好的表单控件。
4.不要在controller里面做数据过滤操作，有$filter服务。
5.一般情况下，controller是不会互相调用的，控制器之间的交互会通过事件进行。
6.angular利用指令来复用view。
9.每一个angular应用只有一个$rootScope对象。（一般位于ng-app上）。
10.可以用angular.element($0).scope()进行调试。
11.使用ngRoute进行视图之间的路由。
三、HTML页面最常用且实用的angular内置指令
①.ng-class（适用于类似点赞、关注等某个样式会因为某个操作改变的情况）
ng-class 指令用于给 HTML 元素动态绑定一个或多个 CSS 类。ng-class 指令的值可以是字符串，对象，或一个数组。
如果是字符串，多个类名使用空格分隔。
如果是对象，需要使用 key-value 对，key 是一个布尔值，value 为你想要添加的类名。只有在 key 为 true 时类才会被添加。
如果是数组，可以由字符串或对象组合组成，数组的元素可以是字符串或对象。
一、字符串形式，代码如下：
这样的意思就是，i标签有一个基础类为icon,ng-class则绑定了一个动态的类，而这个类要取哪一个值则由AccountInfo.isFocus的值是true或者false来决定，若其值为true则i标签会添加ion-ios-heart这个类，若其值为false则i标签会添加ion-ios-heart-outline
这个类。i标签还绑定了一个ng-click的事件，在这个事件里面除了处理相应的逻辑之外，还决定AccountInfo.isFocus的值。这样的话，当发生点击操作的时候，自然就改变i标签相应的类，继而表现出不同的样式了。
二、key-value的样式，代码如下：
显然，由代码则可以看出，这样的含义就是当isIos为true的时候就会取ion-ios-heart这个类，当isAndroid的值为true的时候，就会取ion-android-heart这个类。
②.ng-show和ng-hide(适用于对于不同的情况显示两种不同的内容时)
ng-show 指令在表达式为 true 时显示指定的 HTML 元素，否则隐藏指定的 HTML 元素。
ng-hide 指令在表达式为 true 时隐藏指定的 HTML 元素，否则显示指定的 HTML 元素。
哈哈，看着就是水火不容的兄弟。。。。
例子如下：
