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 相关文章推荐
js获取dom的高度和宽度(可见区域及部分等等)
Jun 13 Javascript
详解JavaScript的AngularJS框架中的作用域与数据绑定
Mar 04 Javascript
全面解析Bootstrap中tab(选项卡)的使用方法
Jun 06 Javascript
基于jQuery实现表格内容的筛选功能
Aug 21 Javascript
js实现tab选项卡切换功能
Jan 13 Javascript
jQuery+CSS3实现点赞功能
Mar 13 Javascript
原生js的ajax和解决跨域的jsonp(实例讲解)
Oct 16 Javascript
Node.js利用console输出日志文件的方法示例
Apr 27 Javascript
如何更好的编写js async函数
May 13 Javascript
详解vscode中vue代码颜色插件
Oct 11 Javascript
vant中的toast层级改变操作
Nov 04 Javascript
详解CocosCreator项目结构机制
Apr 14 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 上一篇,下一篇文章实现代码与原理说明
2010/05/09 PHP
array_multisort实现PHP多维数组排序示例讲解
2011/01/04 PHP
php array_filter除去数组中的空字符元素
2020/06/21 PHP
PHP小教程之实现双向链表
2014/06/12 PHP
PHP将session信息存储到数据库的类实例
2015/03/04 PHP
php实现图片以base64显示的方法
2016/10/13 PHP
Zend Framework数据库操作技巧总结
2017/02/18 PHP
JavaScript入门学习书籍推荐
2008/06/12 Javascript
浅谈JavaScript编程语言的编码规范
2011/10/21 Javascript
JavaScript 基础篇之运算符、语句(二)
2012/04/07 Javascript
jqTransform form表单美化插件使用方法
2012/07/05 Javascript
JS去掉第一个字符和最后一个字符的实现代码
2014/02/20 Javascript
JavaScript通过正则表达式实现表单验证电话号码
2014/03/07 Javascript
页面加载完后自动执行一个方法的js代码
2014/09/06 Javascript
Javascript中获取对象的原型对象的方法小结
2015/02/25 Javascript
轻松掌握JavaScript享元模式
2016/08/27 Javascript
Javascript中arguments对象的详解与使用方法
2016/10/04 Javascript
Javascript实现页面滚动时导航智能定位
2017/05/06 Javascript
详解nodejs通过代理(proxy)发送http请求(request)
2017/09/22 NodeJs
jQuery中库的引用方法
2018/01/06 jQuery
vue实现前进刷新后退不刷新效果
2018/01/26 Javascript
使用layui日期控件laydate对开始和结束时间进行联动控制的方法
2019/09/06 Javascript
微信小程序开发之转发分享功能
2019/10/22 Javascript
element-ui中按需引入的实现
2019/12/25 Javascript
jQuery实现的分页插件完整示例
2020/05/26 jQuery
JS创建自定义对象的六种方法总结
2020/12/15 Javascript
[04:55]完美世界副总裁蔡玮:DOTA2的自由、公平与信任
2013/12/18 DOTA
python实现的登陆Discuz!论坛通用代码分享
2014/07/11 Python
详细解读Python中解析XML数据的方法
2015/10/15 Python
详解python实现识别手写MNIST数字集的程序
2018/08/03 Python
对Tensorflow中tensorboard日志的生成与显示详解
2020/02/04 Python
土木工程个人自荐信范文
2013/11/30 职场文书
无工作经验者个人求职信范文
2013/12/22 职场文书
文明医院的标语集锦!
2019/07/24 职场文书
解决python存数据库速度太慢的问题
2021/04/23 Python
python中filter,map,reduce的作用
2022/06/10 Python