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数字输入框(包括最大值最小值限制和四舍五入)
Nov 24 Javascript
js 强制弹出窗口代码研究-又一款代码
Mar 20 Javascript
jquery lazyload延迟加载技术的实现原理分析
Jan 24 Javascript
THREE.JS入门教程(5)你应当知道的十件事
Jan 24 Javascript
div失去焦点事件实现思路
Apr 22 Javascript
JavaScript实现将文本框的值插入指定位置的方法
Aug 13 Javascript
深入理解ECMAScript的几个关键语句
Jun 01 Javascript
React教程之Props验证的具体用法(Props Validation)
Sep 04 Javascript
JavaScript实现求最大公共子串的方法
Feb 03 Javascript
详解Koa中更方便简单发送响应的方式
Jul 20 Javascript
微信小程序新手教程之启动页的重要性
Mar 03 Javascript
Vue基于iview实现登录密码的显示与隐藏功能
Mar 06 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数组和explode函数示例总结
2015/05/08 PHP
PHP封装的HttpClient类用法实例
2015/06/17 PHP
yii2带搜索功能的下拉框实例详解
2016/05/12 PHP
PHP二维关联数组的遍历方式(实例讲解)
2017/10/18 PHP
php中输出json对象的值(实现方法)
2018/03/07 PHP
jquery操作下拉列表、文本框、复选框、单选框集合(收藏)
2014/01/08 Javascript
浏览器缩放检测的js代码
2014/09/28 Javascript
jQuery实现简单的点赞效果
2020/05/29 Javascript
React Native仿美团下拉菜单的实例代码
2017/08/08 Javascript
基于Bootstrap框架菜鸟入门教程(推荐)
2017/09/17 Javascript
微信小程序修改数组长度的问题的解决
2019/12/17 Javascript
JavaScript实现拖拽和缩放效果
2020/08/24 Javascript
Vue v-for中的 input 或 select的值发生改变时触发事件操作
2020/08/31 Javascript
Python使用Supervisor来管理进程的方法
2015/05/28 Python
深入解读Python解析XML的几种方式
2016/02/16 Python
Python3.5 Pandas模块之Series用法实例分析
2019/04/23 Python
pandas 时间格式转换的实现
2019/07/06 Python
Python爬虫抓取技术的一些经验
2019/07/12 Python
python爬虫 基于requests模块的get请求实现详解
2019/08/20 Python
python字典setdefault方法和get方法使用实例
2019/12/25 Python
Python如何将函数值赋给变量
2020/04/28 Python
python实现数字炸弹游戏
2020/07/17 Python
Canvas在超级玛丽游戏中的应用详解
2021/02/06 HTML / CSS
捷克领先的户外服装及配件市场零售商:ALPINE PRO
2018/01/09 全球购物
Abbacino官网:包、钱包和女士配饰
2019/04/15 全球购物
幼儿园中秋节活动反思
2014/02/16 职场文书
眼镜促销方案
2014/03/15 职场文书
冬季安全检查方案
2014/05/23 职场文书
应聘教师自荐书
2014/06/16 职场文书
农业项目建议书
2014/08/25 职场文书
红领巾广播站广播稿(3篇)
2014/09/20 职场文书
融资合作协议书范本
2014/10/17 职场文书
督导岗位职责范本
2015/04/10 职场文书
创业计划书之书店
2019/09/10 职场文书
springmvc直接不经过controller访问WEB-INF中的页面问题
2022/02/24 Java/Android
Flutter Navigator 实现路由传递参数
2022/04/22 Java/Android