在jsfiddle作在线angular测试,蛮有意思的
2016-08-18 14:52
274 查看
jsfiddle.net
快速学知识,比本地自己弄快,当然,不能用于太复杂的应用啦。。
比如:学到directive的scope继承隔离作用域时,就可以这样弄。
scope
可选参数,(布尔值或者对象)默认值为false,可能取值:
(1)默认值false。
表示继承父作用域;
(2)true
表示继承父作用域,并创建自己的作用域(子作用域);
(3){}
表示创建一个全新的隔离作用域;
当为false时候,儿子继承父亲的值,改变父亲的值,儿子的值也随之变化,反之亦如此。(继承不隔离)
当为true时候,儿子继承父亲的值,改变父亲的值,儿子的值随之变化,但是改变儿子的值,父亲的值不变。(继承隔离)
当为{}时候,没有继承父亲的值,所以儿子的值为空,改变任何一方的值均不能影响另一方的值。(不继承隔离)
tip:当你想要创建一个可重用的组件时隔离作用域是一个很好的选择,通过隔离作用域我们确保指令是‘独立’的,并可以轻松地插入到任何HTML app中,并且这种做法防止了父作用域被污染;
快速学知识,比本地自己弄快,当然,不能用于太复杂的应用啦。。
比如:学到directive的scope继承隔离作用域时,就可以这样弄。
scope
可选参数,(布尔值或者对象)默认值为false,可能取值:
(1)默认值false。
表示继承父作用域;
(2)true
表示继承父作用域,并创建自己的作用域(子作用域);
(3){}
表示创建一个全新的隔离作用域;
当为false时候,儿子继承父亲的值,改变父亲的值,儿子的值也随之变化,反之亦如此。(继承不隔离)
当为true时候,儿子继承父亲的值,改变父亲的值,儿子的值随之变化,但是改变儿子的值,父亲的值不变。(继承隔离)
当为{}时候,没有继承父亲的值,所以儿子的值为空,改变任何一方的值均不能影响另一方的值。(不继承隔离)
tip:当你想要创建一个可重用的组件时隔离作用域是一个很好的选择,通过隔离作用域我们确保指令是‘独立’的,并可以轻松地插入到任何HTML app中,并且这种做法防止了父作用域被污染;
相关文章推荐
- jsfiddle在线测试Html、CSS、JavaScript——http://jsfiddle.net/
- 在线调试和演示的前端开发工具 - jsFiddle
- Wijmo 更优美的jQuery UI部件集:通过jsFiddle测试Wijmo Gauges
- Duang~Duang~Duang 还在使用jsfiddle和jsbin做在线前端代码展示和演示吗? 试试更强大的在线代码分享工具吧!
- 基于Angularjs+jasmine+karma的测试驱动开发(TDD)实例
- 在线js调试工具JSbin、jsFiddle
- js在线测试工具
- http://jsfiddle.net/ 在线调试网页
- 使用jsonp跨域调用百度js实现搜索框智能提示,并实现鼠标和键盘对弹出框里候选词的操作【附源码和在线测试地址】
- Wijmo 更优美的jQuery UI部件集:通过jsFiddle测试Wijmo Gauges
- 用JS实现一个在线测试(有单选、多选、判断题型),求在同一个JS里来判断单选框或复选框选中的值
- Wijmo 更优美的jQuery UI部件集:通过jsFiddle测试Wijmo Gauges
- 使用jsonp跨域调用百度js实现搜索框智能提示,并实现鼠标和键盘对弹出框里候选词的操作【附源码和在线测试地址】
- js实现在线测试8代码
- 很好用的俩个在线编程环境 jsfiddle.net和pythonfiddle.com
- Wijmo 更优美的jQuery UI部件集:通过jsFiddle测试Wijmo Gauges
- 使用jsonp跨域调用百度js实现搜索框智能提示,并实现鼠标和键盘对弹出框里候选词的操作【附源码和在线测试地址】
- AngularJS+Node.js+socket.io 开发在线聊天室