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在IE和Firefox浏览器下的7个差异兼容写法小结
Jun 18 Javascript
解决IE6的PNG透明JS插件使用介绍
Apr 17 Javascript
JavaScript 实现类的多种方法实例
May 01 Javascript
JavaScript中三种常见的排序方法
Feb 24 Javascript
JS简单获取当前日期和农历日期的方法
Apr 17 Javascript
jQuery动态追加页面数据以及事件委托详解
May 06 jQuery
JavaScript基本语法_动力节点Java学院整理
Jun 26 Javascript
微信小程序实现复选框效果
Dec 28 Javascript
微信小程序 搜索框组件代码实例
Sep 06 Javascript
AntV F2和vue-cli构建移动端可视化视图过程详解
Oct 08 Javascript
JS实现无限轮播无倒退效果
Sep 21 Javascript
vue实现按钮切换图片
Jan 20 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
ninety plus是什么?ninety plus咖啡好吗?
2021/03/04 新手入门
smarty+adodb+部分自定义类的php开发模式
2006/12/31 PHP
php去除数组中重复数据
2014/11/18 PHP
php数组键值用法实例分析
2015/02/27 PHP
php+ajax实现无刷新文件上传功能(ajaxuploadfile)
2018/02/11 PHP
php进程daemon化的正确实现方法
2018/09/06 PHP
jquery 操作DOM案例代码分享
2012/04/05 Javascript
JQuery调webservice实现邮箱验证(检测是否可用)
2013/05/21 Javascript
深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
2015/03/04 Javascript
js确认框confirm()用法实例详解
2016/01/07 Javascript
javascript html实现网页版日历代码
2016/03/08 Javascript
jQuery选择器总结之常用元素查找方法
2016/08/04 Javascript
Vue.js实战之通过监听滚动事件实现动态锚点
2017/04/04 Javascript
JS实现上传图片实时预览功能
2017/05/22 Javascript
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
2017/09/23 jQuery
JS实现自定义状态栏动画文字效果示例
2017/10/12 Javascript
vue的状态管理模式vuex
2017/11/30 Javascript
jQuery pjax 应用简单示例
2018/09/20 jQuery
从零开始在NPM上发布一个Vue组件的方法步骤
2018/12/20 Javascript
nodejs实现日志读取、日志查找及日志刷新的方法分析
2019/05/20 NodeJs
Vue.js 实现地址管理页面思路详解(地址添加、编辑、删除和设置默认地址)
2019/12/11 Javascript
关于AngularJS中几种Providers的区别总结
2020/05/17 Javascript
[08:54]《一刀刀一天》之DOTA全时刻18:十九支奔赴西雅图队伍全部出炉
2014/06/04 DOTA
python中is与双等于号“==”的区别示例详解
2017/11/21 Python
Python cookbook(数据结构与算法)从序列中移除重复项且保持元素间顺序不变的方法
2018/03/13 Python
获取python的list中含有重复值的index方法
2018/06/27 Python
Python Socketserver实现FTP文件上传下载代码实例
2020/03/27 Python
毕业生自我鉴定
2013/12/04 职场文书
中专生自我鉴定书范文
2013/12/28 职场文书
车队司机自我鉴定
2014/03/02 职场文书
清明节网上祭英烈活动总结
2014/04/30 职场文书
大学新闻系自荐书
2014/05/31 职场文书
南京青奥会口号
2014/06/12 职场文书
小学向国旗敬礼活动方案
2014/09/27 职场文书
运动会800米赞词
2015/07/22 职场文书
小型企业的绩效考核制度模板
2019/11/21 职场文书