以下记录下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各种数据类型
原文链接:https://www.f2er.com/angularjs/148533.html