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 相关文章推荐
在javaScript中关于submit和button的区别介绍
Oct 20 Javascript
JavaScript中一个奇葩的IE浏览器判断方法
Apr 16 Javascript
jQuery操作select下拉框的text值和value值的方法
May 31 Javascript
jQuery调用Webservice传递json数组的方法
Aug 06 Javascript
easyUI combobox实现联动效果
Jan 17 Javascript
微信小程序动态添加分享数据
Jun 14 Javascript
vue中rem的配置的方法示例
Aug 30 Javascript
Vue一个案例引发的递归组件的使用详解
Nov 15 Javascript
Mint UI实现A-Z字母排序的城市选择列表
Dec 28 Javascript
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
Aug 27 jQuery
Javascript confirm多种使用方法解析
Sep 25 Javascript
Element实现动态表格的示例代码
Aug 02 Javascript
对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采集文章中的图片获取替换到本地(实现代码)
2013/07/08 PHP
PHP实现通过get方式识别用户发送邮件的方法
2015/07/16 PHP
php+ajax无刷新上传图片的实现方法
2016/12/06 PHP
php微信公众号开发之欢迎老朋友
2018/10/20 PHP
关于JavaScript的gzip静态压缩方法
2007/01/05 Javascript
javascript css在IE和Firefox中区别分析
2009/02/18 Javascript
JavaScript 无符号右移赋值操作
2009/04/17 Javascript
Javascript 倒计时源代码.(时.分.秒) 详细注释版
2011/05/09 Javascript
js实现俄罗斯方块小游戏分享
2014/01/31 Javascript
详解AngularJS的通信机制
2015/06/18 Javascript
JS模仿编辑器实时改变文本框宽度和高度大小的方法
2015/08/17 Javascript
使用Xcache缓存器加速PHP网站的配置方法
2017/04/22 Javascript
响应式框架Bootstrap栅格系统的实例
2017/12/19 Javascript
NodeJS使用Range请求实现下载功能的方法示例
2018/10/12 NodeJs
详解Vue组件之作用域插槽
2018/11/22 Javascript
vue动画效果实现方法示例
2019/03/18 Javascript
Node.js 深度调试方法解析
2020/07/28 Javascript
[00:56]PWL开团时刻DAY8——追追追追追!
2020/11/09 DOTA
Python max内置函数详细介绍
2016/11/17 Python
Python中模块string.py详解
2017/03/12 Python
Python3 适合初学者学习的银行账户登录系统实例
2017/08/08 Python
python实现图片处理和特征提取详解
2017/11/13 Python
详解Python装饰器
2019/03/25 Python
python xlsxwriter模块的使用
2020/12/24 Python
聊聊Python pandas 中loc函数的使用,及跟iloc的区别说明
2021/03/03 Python
One.com挪威:北欧成长最快的网络托管公司
2016/11/19 全球购物
马德里运动鞋商店:Nigra Mercato
2020/02/16 全球购物
总裁办公室主任职责
2014/01/02 职场文书
大学活动策划书范文
2014/01/10 职场文书
年度献血先进个人事迹材料
2014/02/14 职场文书
多媒体教室标语
2014/06/26 职场文书
工程承包协议书
2014/10/20 职场文书
写给纪委的违纪检讨书
2015/05/05 职场文书
2015年见习期个人工作总结
2015/05/28 职场文书
Python一些基本的图像操作和处理总结
2021/06/23 Python
python实现双向链表原理
2022/05/25 Python