angular中子控制器向父控制器传值的实例
更新时间：2018年10月08日 11:01:55 作者：zhenghao35791
今天小编就为大家分享一篇angular中子控制器向父控制器传值的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
如下所示：
子级指令app-sheet中，使用sheet.html作为模版。
在sheet.html中有个点击click事件，selectTablist（item），这里的item就是在子级指令app-sheet中用户click选择的item。
在sheet.js中，通过scope:{selectTablist:'&'},和父级共享这个方法。
在整个顶层的路由中，search.html和searchCtrl是互相绑定的。
而在search.html中，使用app-sheet指令的时候，通过select-tablist=”sClick(id,name)”，表明父级子级共享的selectTablist方法，是由父级的searchCtrl中的sClick(id,name)传入的。
子级里面点击的“c1 北京”的内容就可以通过父级的searchCtrl中的sClick方法打印出来
这样，父级的searchCtrl就获得了app-sheet指令里面的值。
以上这篇angular中子控制器向父控制器传值的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
用WebStorm进行Angularjs 2开发(环境篇：Windows 10，Angular-cli方式)
这篇文章主要介绍了用WebStorm进行Angularjs 2开发(环境篇：Windows 10，Angular-cli方式),小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
本文主要介绍AngularJS API（接口）,这里对AngularJS API的知识做了详细讲解,并附简单代码实例,有需要的小伙伴可以参考下2016-07-07
这篇文章主要介绍了Angular 开发学习之Angular CLI的安装使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-12-12
今天小编就为大家分享一篇angularJs中$http获取后台数据的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了Angular6 发送手机验证码按钮倒计时效果实现方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-01-01
前端在做数据渲染的时候经常会遇到在数据渲染完毕后执行某些操作，这篇文章主要介绍了监听angularJs列表数据是否渲染完毕的方法示例，非常具有实用价值，需要的朋友可以参考下2018-11-11
Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程
在Angular的原生指令中有这几个指令用来控制元素的展示与否，ng-show/ng-hide/ng-if和ng-switch。在angular性能优化中，我们也常常会用到它。这篇文章主要给大家介绍了在Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程，需要的朋友可以参考。2017-05-05
这篇文章主要介绍了AngularJS上拉加载问题解决方法的相关资料,该问题在项目中一直存在，小编给大家分享解决办法，需要的朋友可以参考下2016-05-05
本篇文章主要介绍了详解angular ui-grid之过滤器设置，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
ng-options是angular-1.3新出的一个指令,这篇文章就来介绍这个指令的用法.有需要的小伙伴可以参考下。2015-06-06
最新评论