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聚焦于第一个字段的代码
Oct 15 Javascript
javascript倒计时功能实现代码
Jun 07 Javascript
高性能JavaScript 重排与重绘(2)
Aug 11 Javascript
Bootstrap每天必学之标签页(Tab)插件
Aug 09 Javascript
jQuery与js实现颜色渐变的方法
Dec 30 Javascript
简单实现IONIC购物车功能
Jan 10 Javascript
angular+bootstrap的双向数据绑定实例
Mar 03 Javascript
深入探究node之Transform
Jul 20 Javascript
vue form 表单提交后刷新页面的方法
Sep 04 Javascript
Vue项目部署的实现(阿里云+Nginx代理+PM2)
Mar 26 Javascript
js中火星坐标、百度坐标、WGS84坐标转换实现方法示例
Mar 02 Javascript
JS中forEach()、map()、every()、some()和filter()的用法
May 11 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实现批量修改文件名称的方法
2016/07/23 PHP
laravel入门知识点整理
2020/09/15 PHP
javascript中的作用域scope介绍
2010/12/28 Javascript
mailto的使用技巧分享
2012/12/21 Javascript
angularJS结合canvas画图例子
2015/02/09 Javascript
JavaScript实现文字跟随鼠标特效
2015/08/06 Javascript
JQuery点击行tr实现checkBox选中的简单实例
2016/05/26 Javascript
express文件上传中间件Multer详解
2016/10/24 Javascript
JS小球抛物线轨迹运动的两种实现方法详解
2017/12/20 Javascript
快速搭建vue2.0+boostrap项目的方法
2018/04/09 Javascript
webpack中的热刷新与热加载的区别
2018/04/09 Javascript
详解vue的diff算法原理
2018/05/20 Javascript
微信小程序+云开发实现欢迎登录注册
2019/05/24 Javascript
详解vue beforeRouteEnter 异步获取数据给实例问题
2019/08/09 Javascript
vue实现输入框的模糊查询的示例代码(节流函数的应用场景)
2019/09/01 Javascript
uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能
2019/11/12 Javascript
Python Web框架Flask中使用百度云存储BCS实例
2015/02/08 Python
Python实现查找系统盘中需要找的字符
2015/07/14 Python
详解Python迭代和迭代器
2016/03/28 Python
Django中cookie的基本使用方法示例
2018/02/03 Python
python3实现公众号每日定时发送日报和图片
2018/02/24 Python
Python线程条件变量Condition原理解析
2020/01/20 Python
努比亚手机官网:nubia
2016/10/06 全球购物
印度购物网站:TATA CLiQ
2017/11/23 全球购物
护理自荐信范文
2013/10/05 职场文书
会计职业生涯规划书
2014/01/13 职场文书
《一本男孩子必读的书》教学反思
2014/02/19 职场文书
人事科岗位职责范本
2014/03/02 职场文书
优秀管理者事迹材料
2014/05/22 职场文书
培训科主任岗位职责
2014/08/08 职场文书
安全月宣传标语
2014/10/07 职场文书
2016年寒假学习心得体会
2015/10/09 职场文书
唱歌比赛拉拉队口号
2015/12/25 职场文书
校园安全学习心得体会
2016/01/18 职场文书
pytorch中的numel函数用法说明
2021/05/13 Python
sql注入报错之注入原理实例解析
2022/06/10 MySQL