angular中子控制器向父控制器传值

ゝ一世哀愁。 2021-09-11 07:44 374阅读 0赞

# angular中子控制器向父控制器传值 #

![这里写图片描述][SouthEast]

![这里写图片描述][SouthEast 1]  
子级指令app-sheet中，使用sheet.html作为模版。  
在sheet.html中有个点击click事件，selectTablist（item），这里的item就是在子级指令app-sheet中用户click选择的item。  
在sheet.js中，通过scope:\{selectTablist:’&’\},和父级共享这个方法。  
![这里写图片描述][SouthEast 2]  
![这里写图片描述][SouthEast 3]  
在整个顶层的路由中，search.html和searchCtrl是互相绑定的。  
而在search.html中，使用app-sheet指令的时候，通过select-tablist=”sClick(id,name)”，表明父级子级共享的selectTablist方法，是由父级的searchCtrl中的sClick(id,name)传入的。  
![这里写图片描述][SouthEast 4]  
![这里写图片描述][SouthEast 5]  
![这里写图片描述][SouthEast 6]  
子级里面点击的“c1 北京”的内容就可以通过父级的searchCtrl中的sClick方法打印出来  
这样，父级的searchCtrl就获得了app-sheet指令里面的值.

[SouthEast]: /images/20210813/c2d5b97ee92945ce9dd8ba19a2a13450.png
[SouthEast 1]: /images/20210813/2620b4b0585349ada07fcb28eeb5733f.png
[SouthEast 2]: /images/20210813/2ac60bd1439f4a93b7136c7d78081c99.png
[SouthEast 3]: /images/20210813/9a6dcc6599a047499786297d5517917c.png
[SouthEast 4]: /images/20210813/6f53a635f4874de2975e22ff5a83a923.png
[SouthEast 5]: /images/20210813/92a4d69493c2499bb2062d32240f6774.png
[SouthEast 6]: /images/20210813/6c6fd1bf3a014502a0c31cb072566f8a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，374人围观）

还没有评论，来说两句吧...

相关阅读

相关【前端】Vue中子组件向父组件传值

子组件通过$emit方法（用来触发事件）传递参数。子组件  <template>

谁践踏了优雅/ 2022年12月05日 13:55/ 0 赞/ 180 阅读

相关上传文件控制器代码

//测试上传FSN文件 @RequestMapping("FSNUpload") @ResponseBody public JSONObj

青旅半醒/ 2022年09月29日 14:59/ 0 赞/ 228 阅读

相关 angular中控制器之间的传值该怎么实现?

作者：机智的布鲁斯链接：https://www.zhihu.com/question/34977234/answer/60731328 来源：知乎著作权归作者所

野性酷女/ 2022年08月23日 00:41/ 0 赞/ 173 阅读

相关 yii2中公共控制器向公共模板传数据

公共控制器 <?php namespace frontend\\controllers; use yii\\web\\Controller; //

柔光的暖阳◎/ 2022年07月15日 00:21/ 0 赞/ 160 阅读

相关 Angular 控制器之间的通信

<!DOCTYPE html> <html lang="en" ng-app ='App'> <head> <meta charset="UT

一时失言乱红尘/ 2022年06月06日 00:59/ 0 赞/ 184 阅读

相关 angular 控制器之间的通信

1, 利用作用域的继承方式由于作用域的继承是基于js的原型继承方式，所以这里分为两种情况，当作用域上面的值为基本类型的时候，修改父作用域上面的值会影响到子作用域，反之，修

川长思鸟来/ 2022年06月05日 01:07/ 0 赞/ 213 阅读

相关 Vue.js 父组件向子组件传值和子组件向父组件传值

父组件向子组件传值 1. 组件实例定义方式，注意：一定要使用`props`属性来定义父组件传递过来的数据 <script> // 创建 Vue

た入场券/ 2022年03月16日 20:16/ 0 赞/ 398 阅读

相关 SpringMVC控制器传参

SpringMVC控制器传参从前端获取参数参数名一致如果前端传入的参数名与后端的一致，则不需要特殊处理，直接获取即可前端： <a href

快来打我*/ 2021年12月19日 23:35/ 0 赞/ 318 阅读

相关 React中子组件向父组件传值

举例父组件: var React = require('react'); import {render} from 'react-dom'; im

╰+攻爆jí腚メ/ 2021年09月29日 04:18/ 0 赞/ 336 阅读

相关 angular中子控制器向父控制器传值

angular中子控制器向父控制器传值 ![这里写图片描述][SouthEast] ![这里写图片描述][SouthEast 1] 子级指令app-sheet中，使

ゝ一世哀愁。/ 2021年09月11日 07:44/ 0 赞/ 375 阅读