为了账号安全,请及时绑定邮箱和手机立即绑定

AngularJS实战

难度高级
时长 7小时13分
学习人数
综合评分9.57
303人评价 查看评价
9.9 内容实用
9.5 简洁易懂
9.3 逻辑清晰
  • restrict-匹配模式 模块名称.run( //注册器加载完所有模块时,此方法执行一次 function( $templateCache ){ //将模板缓存,以便多次使用 $templateCache.put( "hello.html", "<div>Hi everyone</div>" ); } ); 模块名称.directive( "hello", //要替代的 function(){ return { //编译阶段,变量DOM 指令,转换DOM结构,调用compile函数 restrict: 'AEMC', //属性(默认)、元素(常用)、注释、样式类 // template: '<div>Hi everyone</div>', template: $templateCache.get("hello.html"), //用缓存。。 replace: true, compile: function(){ //对模板自身进行转换 }, link: function(){ //链接阶段(绑定作用域),调用link函数 //可以操纵DOM,注意:在controller里不要操纵DOM //可以绑定事件监听器 //在模板视图间的动态关联 } } } ); 注意:restrict: 'AEMC', A-属性(默认):<div hello></div> hello作为标签属性 E-元素(常用):替换自定义的标签<hello></hello> M-注释:<!-- directive:hello --> 注意两边空格 C-样式类:<div class="hello"></div>
    查看全部
    0 采集 收起 来源:指令(2)

    2018-03-22

  •  解析最简单的指令hello:匹配模式restrict  解析最简单的指令hello:template、templateUrl、$templateCache  解析最简单的指令hello:replace与transclude  comile与link(操作元素、天剑CSS样式、绑定事件)  指令与控制器之间的交互  指令间的交互  scope的类型与独立scope  scope的绑定策略  AngularJS内置的指令  实力解析Expander  实例解析Accordion  指令的运行原理:compile和link  总结:ERP类型的系统必备的UI组件  总结:互联网/电商型系统必备的UI组件  第三方指令库angular-ui  directive思想的起源和原理概述
    查看全部
    1 采集 收起 来源:指令(1)

    2015-04-18

  • $scope的生命周期:Creation->Watcher registration->Model mutation->Mutation observation->Scope destruction
    查看全部
    0 采集 收起 来源:MVC(3)

    2018-03-22

  • 逻辑关系
    查看全部
  • 11款常用工具~
    查看全部
  • 我们需要的前端开发环境!
    查看全部
  • 双向数据绑定
    查看全部
    0 采集 收起 来源:快速上手

    2015-04-18

  • angularJS四大核心
    查看全部
    0 采集 收起 来源:快速上手

    2015-04-18

  • 如果在一个页面启动多个APP,则要手动启动APP
    查看全部
  • Angular四大核心特性:1、MVC(具有MVC的设计思想) 2、模块化(Angular的JS代码可以模块化) 3、指令系统(Angular指令系统类似于标签库taglib)4、双向数据绑定
    查看全部
    0 采集 收起 来源:快速上手

    2015-04-17

  • 本节重点在于ui-router的使用,与ngRoute的区别是: 1、可实现路由分开控制多模块页面的各个模块 2、index.html中的视图部分为<div ui-view></div> 3、需要依赖ui.router,函数需要引入$stateProvider及$urlRouterProvider 4、语法类似ngRouter
    查看全部
    0 采集 收起 来源:路由

    2018-03-22

  • 双向绑定利用view和controller双方数据的交互,使用双扣号绑定数据,可以形成各种样式变化(ng-class)以及数据变化(ng-model or {{variable}});搭配上方法后可以实现以前需要大量jquery代码才能实现的效果 keyfames
    查看全部
  • 项目结构
    查看全部
  • dongtai
    查看全部
  • angularjs加载完成后,就会去找ng-app这个指令; 一个应用中只能有一个ng-app,它是一个main方法; 它找到后,就尝试执行启动点模块,他会看到启动点模块依赖很多模块,就会等子模块加载完成; 它与入口html文件中的<script></script>加载顺序没有任何关系。 模块化方式,angular集合-由模型,视图,控制器,过滤器,服务等共同组成而实现的某个功能
    查看全部

举报

0/150
提交
取消
课程须知
你需要有较强前端基础:JavaScript基础非常扎实(BOM、DOM、事件系统、原型、作用域、闭包),并已熟悉jQuery、同时对CSS基础有一定了解;对依赖注入、MVC等常见的技术和设计模式有所了解。请注意,AngularJS框架的设计思想非常前卫,因此本教程不适合新手。
老师告诉你能学到什么?
掌握AngularJS用法、理解AngularJS核心概念、使用AngularJS进行开发

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!