AngularJS基础二

  以下记录下Angular的一些重要知识点：

 #angular的基础知识点
 1、angular的一些基本数据类型
    数值、字符串、对象、数组
 2、{{}}  //angular表达式，里面可以属性，表达式，或者是方法调用
 3、函数的过滤器
    uppercase   //转换为本为大写字母
    lowercase   //转换为本为小写字母
    currentcy   //以货币格式转换为本
    filter      //过滤数组得到子集
    orderby     //排序基于提供标准的函数
 4、验证数据
    $dirty  //状态指示值已经被改变
    $invalid  //指示值的状态是无效的
    $error   //指出确切的错误
    例如：
    <span style="color:red" ng-show="studentForm.email.$dirty && studentForm.email.$invalid">
       <span ng-show="studentForm.email.$error.required">Email 必填.</span>
       <span ng-show="studentForm.email.$error.email">无效的Email地址.</span>
    </span>
 5、angular服务的概念
    angular的服务就是javascript函数，并负责只做一个特定的任务。
    内置服务有：$http ， $route , $windows , $location 每个服务站做特定的任务，内置服务以$开始.
    创建服务方式：
    @factory 工厂方式：
      var mainApp=angular.module("mainApp",[]);
      mainApp.factory('MathService',function(){
         var factory={};
         factory.multiply=function(a,b){
            return a*b;
         }
         return factory;
      });  
      //使用服务
      mainApp.servic("CalcService",function(MathService){
         this.square=function(a){
            return MathService.multiply(a,a);
         }
      });   
  6、依赖注入
      @值vlue: mainApp.value("default",2);  //可以为控制器传递默认值
      @工厂factory:返回一个结果最终注入到控制器
      @服务service:将工厂返回给控制器
      @提供者provider:在内部创建服务工厂等
         mainApp.config(function($provide) {
            $provide.provider('MathService', function() {
                this.$get = function() {
                   var factory = {};  
                   factory.multiply = function(a, b) {
                      return a * b; 
                   }
                   return factory;
                };
             });
          });
     @常量constant:mainApp.constant("configParam", "constant value");
 #angularjs的重要概念
 1、模板：就是Html和css文件，即也就是angular应用的视图（可以是html是angular的作用载体）
 2、应用逻辑和行为：是用javascript定义的控制器
 3、模型数据：angular模型数据属于双向同步数据，通过扩展angular属性可以在模板中应用javascript各种数据类型