angular 学习笔记02

Service

// $anchorScroll 滚动到指定位置

// $animate 可以添加,删除,移动元素,还可以添加,删除,设置,class ,必须要引用jq,否则会报错

// $cacheFactory 创建缓存,使用缓存

$scope.keys = [];
$scope.cache = $cacheFactory('cacheId');
$scope.put = function(key, value) {
  $scope.cache.put(key, value);
  $scope.keys.push(key);
};

//

// $compile 编写一个HTML字符串或DOM为模板,产生一个模板函数,然后可以把scope和模板连接在一起。 ??

// $controller 创建控制器

// $document 包装(window.document)对象

// $exceptionHandler 异常处理

// $filter 过滤器

// $http http 请求web 服务。

// $httpBackend

// $interpolate $interpolate('Hello {{name | uppercase}}!'); ??

// $interval 类似于setInterval 时间间隔执行函数

// $location 获取浏览器地址url 类似于 window.location

// $log console.log 输出日志

// $parse 转换表达式为一个函数

// $q 非链式调用 ,有点类似于 jq 的 when

// $sce 提供安全的服务

// $sceDelegate

// $templateCache 模版缓存

// $timeout 用于在指定的毫秒数后调用函数或计算表达式

// $window 感觉就是 js 的 window 对象

angular 指令

在angular中我们可以通过directive()方法来定制自己需要的指令。

指令需要很多配置,以下是指定的属性定义列表:

restrict:用来描述指令的声明风格,常用的值有:E(元素),A(属性),C(样式),M(注释)。这些值可以组合使用,默认值为A。
priority:设置当前指令相对于当前元素上其他指令的执行顺序。
template:字符串形式的指令模板。
templateUrl:使用url方式加载指令模板。
replace:值为boolean,true表示替换指令所在的元素,false表示把当前指令追加到所在元素的内部。
transclue:把指令元素中的子节点移动到一个新模板的内部。
scope:为当前指令创建一个新的作用域,而不是继承父作用域。
controller:为指令创建一个控制器,该控制器主要用于多个指令中通信的场景。
require:声明了这个属性的时候,表示必须存在require的指令,当前指令才会工作。
link:一个函数,在指令link阶段调用,主要用于生成dom 元素实例,并为dom元素绑定事件,设置数据绑定。
compile:一个函数,在指令compile阶段调用。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复