Angular.js权威教程阅读笔记(19~22)

By | 2015年6月10日

Angular.js权威教程阅读笔记

19.测试

  • Karma 测试工具
    npm install -g karma
  • npm install -g karma-cli
  • //启动
  • karma start path/to/karma.config.js
  • 初始化Karma配置文件
    • karama init 生成器
      • karma init test/karma.conf.js
      • karma run test/karma.conf.js
      • karma start test/karma.conf.js
  • 跳过

20.事件

可以在应用中嵌套的各个组件之间通信

这里的事件指的是ng的事件而非DOM事件

  • 事件传播
    • $emit 冒泡事件
      将事件沿着作用域向上派送
    • $broadcast 向下传递
  • 事件监听
    $on()注册并监听事件
  • 事件对象
    • targetScope 发送或者广播事件的作用域对象
    • currentScope 当前处理事件的作用域对象
    • name 事件名
    • stopPropagation() 取消通过$emit()触发的事件继续传播
    • preventDefault() 把defaultPrevented设为true

21.架构

截图处理中

22.Angular动画

  • 简介 ngAnimate模块 $animate
    css3动画
    js动画
    css3过渡
  • 安装
    bower install –save angular-animate
  • 运行
    • 无需额外配置
    • 通过监控指令上的事件实现
  • js动画
    angular.module(‘myApp’,['ngAnimate'])
  • .animation(‘.fade-in’,function(){
  •     return {
  •         enter: function(element,done){
  •             //运行动画,结束时调用done
  •             return function(cancelled){};
  •         }
  •     };
  • });

 

 

 

发表评论