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 相关文章推荐
用JQuery实现表格隔行变色和突出显示当前行的代码
Feb 10 Javascript
jQuery动态地获取系统时间实现代码
May 24 Javascript
jQuery获得内容和属性示例代码
Jan 16 Javascript
jquery的attr方法禁用表单元素禁用输入内容
Jun 23 Javascript
Node.js的特点和应用场景介绍
Nov 04 Javascript
jQuery实现加入购物车飞入动画效果
Mar 14 Javascript
浏览器兼容性问题大汇总
Dec 17 Javascript
jQuery通过写入cookie实现更换网页背景的方法
Apr 15 Javascript
jQuery插件实现文件上传功能(支持拖拽)
Aug 27 Javascript
JavaScript学习笔记整理_setTimeout的应用
Sep 19 Javascript
jQuery实现级联下拉框实战(5)
Feb 08 Javascript
Vue.js+cube-ui(Scroll组件)实现类似头条效果的横向滚动导航条
Jun 24 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
编写漂亮的代码 - 将后台程序与前端程序分开
2008/04/23 PHP
PHP strtok()函数的优点分析
2010/03/02 PHP
ajax+php打造进度条代码[readyState各状态说明]
2010/04/12 PHP
javascript入门·图片对象(无刷新变换图片)\滚动图像
2007/10/01 Javascript
jQuery学习笔记之 Ajax操作篇(三) - 过程处理
2014/06/23 Javascript
wap手机图片滑动切换特效无css3元素js脚本编写
2014/07/28 Javascript
JS实现简单路由器功能的方法
2015/05/27 Javascript
JavaScript DOM 学习总结(五)
2015/11/24 Javascript
基于jquery实现轮播焦点图插件
2016/03/31 Javascript
JS实现获取剪贴板内容的方法
2016/06/21 Javascript
JS实现根据文件字节数返回文件大小的方法
2016/08/02 Javascript
jQuery制作圣诞主题页面 更像是爱情影集
2016/08/10 Javascript
深入浅析JS Function()构造函数
2016/08/22 Javascript
浅析JS中什么是自定义react数据验证组件
2018/10/19 Javascript
小程序实现左滑删除功能
2018/10/30 Javascript
js删除对象/数组中null、undefined、空对象及空数组方法示例
2018/11/14 Javascript
vant 中van-list的用法说明
2020/11/11 Javascript
python中的lambda表达式用法详解
2016/06/22 Python
Python爬取qq music中的音乐url及批量下载
2017/03/23 Python
详解Python核心编程中的浅拷贝与深拷贝
2018/01/07 Python
python 列表,数组和矩阵sum的用法及区别介绍
2018/06/28 Python
python如何实现一个刷网页小程序
2018/11/27 Python
Django Rest framework之权限的实现示例
2018/12/17 Python
django模板结构优化的方法
2019/02/28 Python
Python树莓派学习笔记之UDP传输视频帧操作详解
2019/11/15 Python
Python 音频生成器的实现示例
2019/12/24 Python
Python类继承和多态原理解析
2020/02/05 Python
python让函数不返回结果的方法
2020/06/22 Python
CSS3教程:background-clip和background-origin
2008/10/17 HTML / CSS
CSS3 不定高宽垂直水平居中的几种方式
2020/03/26 HTML / CSS
法国太阳镜店:Sunglasses Shop
2016/08/27 全球购物
制药工程专业个人求职自荐信
2014/01/25 职场文书
创业计划书之韩国烧烤店
2019/09/19 职场文书
《我在为谁工作》:工作的质量往往决定生活的质量
2019/12/27 职场文书
python实现进度条的多种实现
2021/04/29 Python
python基础之//、/与%的区别详解
2022/06/10 Python