-
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>查看全部
-
解析最简单的指令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思想的起源和原理概述查看全部
-
$scope的生命周期:Creation->Watcher registration->Model mutation->Mutation observation->Scope destruction查看全部
-
逻辑关系查看全部
-
11款常用工具~查看全部
-
我们需要的前端开发环境!查看全部
-
双向数据绑定查看全部
-
angularJS四大核心查看全部
-
如果在一个页面启动多个APP,则要手动启动APP查看全部
-
Angular四大核心特性:1、MVC(具有MVC的设计思想) 2、模块化(Angular的JS代码可以模块化) 3、指令系统(Angular指令系统类似于标签库taglib)4、双向数据绑定查看全部
-
本节重点在于ui-router的使用,与ngRoute的区别是: 1、可实现路由分开控制多模块页面的各个模块 2、index.html中的视图部分为<div ui-view></div> 3、需要依赖ui.router,函数需要引入$stateProvider及$urlRouterProvider 4、语法类似ngRouter查看全部
-
双向绑定利用view和controller双方数据的交互,使用双扣号绑定数据,可以形成各种样式变化(ng-class)以及数据变化(ng-model or {{variable}});搭配上方法后可以实现以前需要大量jquery代码才能实现的效果 keyfames查看全部
-
项目结构查看全部
-
dongtai查看全部
-
angularjs加载完成后,就会去找ng-app这个指令; 一个应用中只能有一个ng-app,它是一个main方法; 它找到后,就尝试执行启动点模块,他会看到启动点模块依赖很多模块,就会等子模块加载完成; 它与入口html文件中的<script></script>加载顺序没有任何关系。 模块化方式,angular集合-由模型,视图,控制器,过滤器,服务等共同组成而实现的某个功能查看全部
举报
0/150
提交
取消