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 相关文章推荐
超级强大的表单验证
Jun 26 Javascript
Javascript的IE和Firefox兼容性汇编
Jul 01 Javascript
jquery判断对象是否为空并遍历对象的简单实例
Jul 26 Javascript
BootStrap使用file-input插件上传图片的方法
Sep 05 Javascript
KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法
Oct 05 Javascript
js实现不提示直接关闭网页窗口
Mar 30 Javascript
深入理解vue2.0路由如何配置问题
Jul 18 Javascript
javascript字体颜色控件的开发 JS实现字体控制
Nov 27 Javascript
vue-router 源码实现前端路由的两种方式
Jul 02 Javascript
详解Vue.directive 自定义指令
Mar 27 Javascript
基于js实现逐步显示文字输出代码实例
Apr 02 Javascript
关于Vue Router的10条高级技巧总结
May 06 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输出缓存(output_buffering)的深入理解
2013/06/13 PHP
php文件缓存方法总结
2016/03/16 PHP
PHP多维数组排序array详解
2017/11/21 PHP
用javascript实现在小方框中浏览大图的代码
2007/08/14 Javascript
js 窗口抖动示例
2013/09/04 Javascript
jquery 缓存问题的几个解决方法
2013/11/11 Javascript
JS复制内容到剪切板的实例代码(兼容IE与火狐)
2013/11/19 Javascript
Node.js中创建和管理外部进程详解
2014/08/16 Javascript
javascript正则表达式使用replace()替换手机号的方法
2015/01/19 Javascript
Jquery使用val方法读写value值
2015/05/18 Javascript
JavaScript学习笔记之取数组中最大值和最小值
2016/03/23 Javascript
Extjs4.0 ComboBox如何实现三级联动
2016/05/11 Javascript
完美的js图片轮换效果
2017/02/05 Javascript
ES6新特性之Object的变化分析
2017/03/31 Javascript
关于vue面试题汇总
2018/03/20 Javascript
后台使用freeMarker和前端使用vue的方法及遇到的问题
2019/06/13 Javascript
最全vue的vue-amap使用高德地图插件画多边形范围的示例代码
2020/07/17 Javascript
python使用reportlab实现图片转换成pdf的方法
2015/05/22 Python
python实现装饰器、描述符
2018/02/28 Python
对python遍历文件夹中的所有jpg文件的实例详解
2018/12/08 Python
python3的pip路径在哪
2020/06/23 Python
使用python把xmind转换成excel测试用例的实现代码
2020/10/12 Python
python3代码输出嵌套式对象实例详解
2020/12/03 Python
Django后端按照日期查询的方法教程
2021/02/28 Python
Top Villas美国:豪华别墅出租和度假屋
2018/07/10 全球购物
生物化工专业个人自荐信
2013/09/26 职场文书
单位刻章介绍信范文
2014/01/11 职场文书
学习标兵获奖感言
2014/02/20 职场文书
《蓝色的树叶》教学反思
2014/02/24 职场文书
区长工作作风个人整改措施
2014/10/01 职场文书
卖房授权委托书样本
2014/10/05 职场文书
国庆横幅标语
2014/10/08 职场文书
八年级英语教学计划
2015/01/23 职场文书
小学远程教育工作总结
2015/08/13 职场文书
mysql 带多个条件的查询方式
2021/06/05 MySQL
MYSQL优化之数据表碎片整理详解
2022/04/03 MySQL