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 中的 MVC 模式
Apr 11 Javascript
APP中javascript+css3实现下拉刷新效果
Jan 27 Javascript
AngularJS过滤器详解及示例代码
Aug 16 Javascript
jQuery向父辈遍历的简单方法
Sep 18 Javascript
jQuery返回定位插件详解
May 15 jQuery
layui表格实现代码
May 20 Javascript
Mint UI 基于 Vue.js 移动端组件库
Nov 07 Javascript
echarts学习笔记之箱线图的分析与绘制详解
Nov 22 Javascript
微信小程序支付及退款流程详解
Nov 30 Javascript
原生JS实现的跳一跳小游戏完整实例
Jan 27 Javascript
Angular CLI 使用教程指南参考小结
Apr 10 Javascript
OpenLayers3加载常用控件使用方法详解
Sep 25 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
不用GD库生成当前时间的PNG格式图象的程序
2006/10/09 PHP
PHP学习之PHP变量
2006/10/09 PHP
PHP简单系统数据添加以及数据删除模块源文件下载
2008/06/07 PHP
swfupload 多文件上传实现代码
2008/08/27 PHP
php魔术变量用法实例详解
2014/11/13 PHP
PHP将字符分解为多个字符串的方法
2014/11/22 PHP
php 问卷调查结果统计
2015/10/08 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
arguments对象
2006/11/20 Javascript
jQuery 表格插件整理
2010/04/27 Javascript
javascript中的一些注意事项 更新中
2010/12/06 Javascript
window.addEventListener来解决让一个js事件执行多个函数
2012/12/26 Javascript
js中split和replace的用法实例
2015/02/28 Javascript
使用JS中的exec()方法构造正则表达式验证
2016/08/01 Javascript
JavaScript判断数组是否存在key的简单实例
2016/08/03 Javascript
jquery插入兄弟节点的操作方法
2016/12/07 Javascript
解决webpack打包速度慢的解决办法汇总
2017/07/06 Javascript
elementUI table表格动态合并的示例代码
2019/05/15 Javascript
微信小程序rich-text富文本用法实例分析
2019/05/20 Javascript
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
2019/09/23 Javascript
js屏蔽F12审查元素,禁止修改页面代码等实现代码
2020/10/02 Javascript
Python tkinter实现的图片移动碰撞动画效果【附源码下载】
2018/01/04 Python
Python(Django)项目与Apache的管理交互的方法
2018/05/16 Python
Python通过paramiko远程下载Linux服务器上的文件实例
2018/12/27 Python
Python 转换文本编码实现解析
2019/08/27 Python
Python时间差中seconds和total_seconds的区别详解
2019/12/26 Python
瑞典廉价机票预订网站:Seat24
2018/06/19 全球购物
家长给孩子的表扬信
2014/01/17 职场文书
年度考核自我评价
2014/01/25 职场文书
人事专员岗位职责范本
2014/03/04 职场文书
法律进机关实施方案
2014/03/12 职场文书
普通党员群众路线教育实践活动心得体会
2014/11/04 职场文书
总经理致辞
2015/07/29 职场文书
深度学习详解之初试机器学习
2021/04/14 Python
django 认证类配置实现
2021/11/11 Python
MySQL 执行数据库更新update操作的时候数据库卡死了
2022/05/02 MySQL