Angular指令、service封装经验总结
2017-02-15 00:00
190 查看
1、如果内容相对独立,可以把数据和页面元素一起封装成指令,有时可以考虑多层封装。
2、如果数据或者方法有公用不独立,可以考虑如下方法:
a、把数据或方法封装成service
b、指令继承scope。
3、对于service里存在异步响应情况,可以考虑如下方法:
a、传入回调函数
b、利用广播消息传递事件触发响应
c、把对象传给service,service里操作对象
指令:
compile和link:
compile只会调用一次,且完成后angular才会创建作用域。link在每次迭代式都会被调用一次,且每次迭代(比如ng-repeat)对应的数据也会随之变化。
scope类型:
scope:false 默认,直接复用使用位置所在的作用域。
scope:true 创建一个继承使用位置所在的作用域的子作用域。
scope:{} 创建一个独立的作用域。
元素属性与独立作用域间的借口关系:
@ 将特定值插入作用域,插入时用{{}},不会传递对象,全部转成字符串。
=属性对象与作用域属性值双向同步。
&回调表达式,用于创建组件的回调函数。
如何在html页面直接调用service?
不能直接调用,需要在controller里调用一次才可以。具体方法参考:http://stackoverflow.com/questions/15039837/angularjs-is-this-way-of-using-service-good
2、如果数据或者方法有公用不独立,可以考虑如下方法:
a、把数据或方法封装成service
b、指令继承scope。
3、对于service里存在异步响应情况,可以考虑如下方法:
a、传入回调函数
b、利用广播消息传递事件触发响应
c、把对象传给service,service里操作对象
指令:
compile和link:
compile只会调用一次,且完成后angular才会创建作用域。link在每次迭代式都会被调用一次,且每次迭代(比如ng-repeat)对应的数据也会随之变化。
scope类型:
scope:false 默认,直接复用使用位置所在的作用域。
scope:true 创建一个继承使用位置所在的作用域的子作用域。
scope:{} 创建一个独立的作用域。
元素属性与独立作用域间的借口关系:
@ 将特定值插入作用域,插入时用{{}},不会传递对象,全部转成字符串。
=属性对象与作用域属性值双向同步。
&回调表达式,用于创建组件的回调函数。
如何在html页面直接调用service?
不能直接调用,需要在controller里调用一次才可以。具体方法参考:http://stackoverflow.com/questions/15039837/angularjs-is-this-way-of-using-service-good
相关文章推荐
- Angular指令、service封装经验总结
- angular学习总结八-请求service封装
- DLL封装框架视图经验总结<一>
- DLL封装框架视图经验总结二
- Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例
- 详解如何将angular-ui的图片轮播组件封装成一个指令
- Angular简易分页设计(二):封装成指令
- DLL封装框架视图经验总结
- 拖拽(可以封装成指令的形式 angular )
- [经验] 系统封装常见问题大总结(非官方)
- Angular中http请求后再执行封装的echarts指令($watch)
- angular总结-directive指令基础
- DLL封装框架视图经验总结二
- 关于BaseAdapter和GridView与后台Service服务进程交换数据的小小的经验总结
- 学习系统封装半年经验总结!
- Angular 常用指令实例总结整理
- DLL封装框架视图经验总结二
- [z]DLL封装框架视图经验总结-
- Readhat Linux5.5 安装SVNService(经验总结)
- angular-file-upload封装为指令+图片尺寸限制