angular中子控制器向父控制器传值的实例


Posted in Javascript onOctober 08, 2018

如下所示:

angular中子控制器向父控制器传值的实例

angular中子控制器向父控制器传值的实例

子级指令app-sheet中,使用sheet.html作为模版。

在sheet.html中有个点击click事件,selectTablist(item),这里的item就是在子级指令app-sheet中用户click选择的item。

在sheet.js中,通过scope:{selectTablist:'&'},和父级共享这个方法。

angular中子控制器向父控制器传值的实例

angular中子控制器向父控制器传值的实例

在整个顶层的路由中,search.html和searchCtrl是互相绑定的。

而在search.html中,使用app-sheet指令的时候,通过select-tablist=”sClick(id,name)”,表明父级子级共享的selectTablist方法,是由父级的searchCtrl中的sClick(id,name)传入的。

angular中子控制器向父控制器传值的实例

angular中子控制器向父控制器传值的实例

angular中子控制器向父控制器传值的实例

子级里面点击的“c1 北京”的内容就可以通过父级的searchCtrl中的sClick方法打印出来

这样,父级的searchCtrl就获得了app-sheet指令里面的值。

以上这篇angular中子控制器向父控制器传值的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
use jscript Create a SQL Server database
Jun 16 Javascript
js apply/call/caller/callee/bind使用方法与区别分析
Oct 28 Javascript
jquery实现点击页面计算点击次数
Jan 23 Javascript
js中javascript:void(0) 真正含义
Nov 05 Javascript
JS实现的模仿QQ头像资料卡显示与隐藏效果
Apr 07 Javascript
详解基于Bootstrap+angular的一个豆瓣电影app
Jun 26 Javascript
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
Dec 26 Javascript
Koa 中的错误处理解析
Apr 09 Javascript
微信小程序自定义组件传值 页面和组件相互传数据操作示例
May 05 Javascript
vue路由守卫及路由守卫无限循环问题详析
Sep 05 Javascript
js实现数字跳动到指定数字
Aug 25 Javascript
关于vue-router-link选择样式设置
Apr 30 Vue.js
对angularjs框架下controller间的传值方法详解
Oct 08 #Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
Oct 08 #Javascript
CKEditor4配置与开发详细中文说明文档
Oct 08 #Javascript
浅谈angularJs函数的使用方法(大小写转换,拷贝,扩充对象)
Oct 08 #Javascript
angularJs复选框checkbox选中进行ng-show显示隐藏的方法
Oct 08 #Javascript
jquery.param()实现数组或对象的序列化方法
Oct 08 #jQuery
angularJs select绑定的model取不到值的解决方法
Oct 08 #Javascript
You might like
PHP删除指定目录中的所有目录及文件的方法
2015/02/26 PHP
解读PHP中的垃圾回收机制
2015/08/10 PHP
php阿拉伯数字转中文人民币大写
2015/12/21 PHP
Laravel 实现密码重置功能
2018/02/23 PHP
通过JAVASCRIPT读取ASP设定的COOKIE
2007/02/15 Javascript
利用jQuery操作对象数组的实现代码
2011/04/27 Javascript
jQuery的slideToggle方法实例
2013/05/07 Javascript
深入分析escape()、encodeURI()、encodeURIComponent()的区别及示例
2014/08/04 Javascript
基于JavaScript实现TAB标签效果
2016/01/12 Javascript
jquery 追加元素append、prepend、before、after用法与区别分析
2016/12/02 Javascript
vue采用EventBus实现跨组件通信及注意事项小结
2018/06/14 Javascript
AngularJs分页插件使用详解
2018/06/30 Javascript
vue iview的菜单组件Mune 点击不高亮的解决方案
2019/11/01 Javascript
jQuery实现弹幕特效
2019/11/29 jQuery
[35:27]完美世界DOTA2联赛循环赛 GXR vs FTD BO2第二场 10.29
2020/10/29 DOTA
python 实现归并排序算法
2012/06/05 Python
基于python的Tkinter实现一个简易计算器
2015/12/31 Python
Python yield 使用方法浅析
2017/05/20 Python
详解Python中for循环是如何工作的
2017/06/30 Python
python中通过预先编译正则表达式提高效率
2017/09/25 Python
python3爬取数据至mysql的方法
2018/06/26 Python
python机器学习库scikit-learn:SVR的基本应用
2019/06/26 Python
python字典的遍历3种方法详解
2019/08/10 Python
使用OpenCV circle函数图像上画圆的示例代码
2019/12/27 Python
解决Python中导入自己写的类,被划红线,但不影响执行的问题
2020/07/13 Python
Marriott国际:万豪国际酒店查询预订
2017/09/25 全球购物
英国打印机墨盒销售网站:Ink Factory
2019/10/07 全球购物
小学教师听课制度
2014/02/01 职场文书
行政人事岗位职责
2014/03/17 职场文书
廉洁自律承诺书
2014/03/27 职场文书
副处级干部考察材料
2014/05/17 职场文书
企业党建工作汇报材料
2014/08/19 职场文书
2014年教师德育工作总结
2014/11/10 职场文书
springboot 启动如何排除某些bean的注入
2021/08/02 Java/Android
Python函数对象与闭包函数
2022/04/13 Python
python实现双向链表原理
2022/05/25 Python