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 option删除代码集合
Nov 12 Javascript
初窥JQuery(一)jquery选择符 必备知识点
Nov 25 Javascript
当前流行的JavaScript代码风格指南
Sep 10 Javascript
JavaScript的ExtJS框架中表格的编写教程
May 21 Javascript
BootStrap的Datepicker控件使用心得分享
May 25 Javascript
Vue和Bootstrap的整合思路详解
Jun 30 Javascript
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
Aug 23 jQuery
Vue 使用formData方式向后台发送数据的实现
Apr 14 Javascript
vue 全局环境切换问题
Oct 27 Javascript
JavaScript逻辑运算符相关总结
Sep 04 Javascript
vue axios请求成功却进入catch的原因分析
Sep 08 Javascript
适用于 Vue 的播放器组件Vue-Video-Player操作
Nov 16 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
第一个无线电台是由谁发明的
2021/03/01 无线电
根德Grundig S400/S500/S700电路分析
2021/03/02 无线电
利用php来自动调用不同服务器上的flash
2006/10/09 PHP
JS 网站性能优化笔记
2011/05/24 PHP
php实现修改新闻时删除图片的方法
2015/05/12 PHP
关于php支持的协议与封装协议总结(推荐)
2017/11/17 PHP
PHP设计模式之原型模式定义与用法详解
2018/04/03 PHP
PHP实现的多进程控制demo示例
2019/07/22 PHP
JavaScript 获取事件对象的注意点
2009/07/29 Javascript
jquery()函数的三种语法介绍
2013/10/09 Javascript
js中直接声明一个对象的方法
2014/08/10 Javascript
Javascript简单实现面向对象编程继承实例代码
2015/11/27 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(一)
2016/02/16 Javascript
html5+javascript实现简单上传的注意细节
2016/04/18 Javascript
微信小程序 122100版本更新问题解决方案
2016/12/22 Javascript
微信小程序 地图map详解及简单实例
2017/01/10 Javascript
JavaScript创建对象_动力节点Java学院整理
2017/06/27 Javascript
HTML5开发Kinect体感游戏的实例应用
2017/09/18 Javascript
Vue.js watch监视属性知识点总结
2019/11/11 Javascript
搭建Vue从Vue-cli到router路由护卫的实现
2019/11/14 Javascript
[46:20]DOTA2-DPC中国联赛 正赛 PSG.LGD vs LBZS BO3 第二场 1月22日
2021/03/11 DOTA
详解Python3中的Sequence type的使用
2015/08/01 Python
Python中字典的浅拷贝与深拷贝用法实例分析
2018/01/02 Python
pycharm中导入模块错误时提示Try to run this command from the system terminal
2020/03/26 Python
加拿大国民体育购物网站:National Sports
2018/11/04 全球购物
shallow copy和deep copy的区别
2016/05/09 面试题
金士达面试非笔试
2012/03/14 面试题
C#怎么让一个窗口居中显示?
2015/10/20 面试题
线程同步的方法
2016/11/23 面试题
领导干部廉政承诺书
2014/03/27 职场文书
中华在我心中演讲稿
2014/09/13 职场文书
员工保密协议书
2014/09/27 职场文书
夫妻分居协议书范本(有子女版)
2014/11/01 职场文书
追讨欠款律师函
2015/06/24 职场文书
python使用XPath解析数据爬取起点小说网数据
2021/04/22 Python
解决SpringBoot跨域的三种方式
2021/06/26 Java/Android