-
ERP类型的系统必备的UI组件查看全部
-
expander指令查看全部
-
指令input用来模拟输入项 ngApp:用来告诉AngluarJS的入口 ngBind:用来进行数据模型的双向绑定 ngInclude:用来缓存模板查看全部
-
Angluar中的form表单查看全部
-
form指令查看全部
-
AngularJS内置的指令共63个查看全部
-
Scope的绑定策略查看全部
-
scope的绑定策略 独立scope scope:{}, scope绑定策略 @ 字符串 & 函数 = 双向查看全部
-
1.scope:{},创建独立作用域 controller:function($scope){}暴露一组公共函数给外部调用 link方法用了处理dom元素,事件和监听行为 2.directive中link方法有4个参数,3个常用的为 scope,element,attr. 3.注意:页面元素上驼峰法则书写的属性,到js里要改为小写 属性 howToLoad写进方法被转换成小写的howtoload scopr.$apply(小写) 4.controller 与 link 之间的逻辑选择: controller:想要让指令暴露出一些方法给外部调用 link:处理指令内部事物,给元素绑定事件、绑定数据等。 5.require 表示指令依赖。在使用 require('^superman')<br> 后 ng 会自动把 superman 的 controller 注入到 link 函数的第四个参数里。(controller 就是我们之前在 superman 指令里写的 controller)查看全部
-
指令里面的controller不是我们说的控制器,是指令的控制器,是为了暴露一个public函数,让外部使用的。 什么时候把逻辑写在指令的controller、什么时候把逻辑写在指令的link里面? 如果你想让自己的指令暴露一些方法给外部来调用,就把逻辑写在controller;link用来处理指令内部的事务的,比如给元素绑定事件,绑定数据等。查看全部
-
指令里面的的controller 和之前MVC里的controller不是同一个东西。这里的controller用来给我的门的指令暴露一组public方法给外部使用的。 而link一般都是指令内部事务 比如绑定事件和数据查看全部
-
指令间的交互查看全部
-
指令与控制器之间的交互查看全部
-
compile与link查看全部
-
replace:true时将自定义标签替换 replace:false时替换自定义标签里面的内容 transclude:true将原先的内容保留,同时替换的内容中要写一个指定保留的位置. ng-transclude所在的地方即是原先内容要保留的地方 设置directive 指令模板template的方式 (1) template :直接html字符串等 (2) 指定某个url 文件,避免拼接的麻烦 (3) 对要加载的template 缓存一次,可便于在其他地方调用,提高应用性能 (1)replace:true 将会覆盖指令内部的html (2)transclude:true, 不会覆盖指令内部的html语句 ,在该html语句中添加 <div ng-transclude></div> 包含 原来指令内部的html内容 例子: <hello> <div>Hello everyone! <div ng-transclude=""> <div class="ng-scope">这里是指令内部的内容。</div> </div> </div> </hello> 1.用指令中的link操作dom 2.restrict(匹配模式AEMC),template(少量html拼接),templateurl(引入html) 3.缓存这个模版,使用run方法执行templateCache,在其他指令使用,使用时候用get 4.transclude,嵌套时候,使不会被替换查看全部
举报
0/150
提交
取消