Angular基础二

以下记录下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各种数据类型