AngularJs 父子级Controller传递数据

<div ng-controller="MyAccountCtrl">  

   <div ng-controller="TransferCtrl">
           .............  

   </div>  

</div>  
// 子级传递数据给父级
// 子级传递
$scope.checkLoggedIn = function(type) {
          $scope.transferType = type;
          $scope.$emit(‘transfer.type‘, type);
}  

// 父级接收
$scope.$on(‘transfer.type‘, function(event, data) {
          $scope.transferType = data;
        });
        $scope.checkLoggedIn = function() {
          var type = $scope.transferType;
}  
// 父级传递数据给子级
// 父级传递
$scope.transferType = ‘‘;
$scope.checkLoggedIn = function(type) {
          $scope.transferType = type;
          $scope.$broadcast(‘transfer.type‘, type);
}  

// 子级接收
$scope.transferType = ‘‘;
$scope.$on(‘transfer.type‘, function(event, data) {
          $scope.transferType = data;
        });
        $scope.checkLoggedIn = function() {
          var type = $scope.transferType;
}  

在线实例:http://each.sinaapp.com/angular/apps/app-broadcast.html

时间: 2024-10-21 20:03:01

AngularJs 父子级Controller传递数据的相关文章

总结一下微信小程序中父子兄弟组件传递数据

常规的这种写法就是父组件在向子组件传递数据 子组件向父组件传递数据主要通过监听事件 比如like点赞功能触发了一个like事件 父组件通过绑定like事件来监听 对应事件: 原文地址:https://www.cnblogs.com/rmty/p/10914342.html

vue组件父子组件之间传递数据

举个栗子: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../Vue.js"></script> <template id="tpl1"> <h3>我是父组件

利用父子级来修改数据:previousSibling,parentNode,nextSibling

function adit(obj) { //var demoA = document.getElementById("operation"); var demoA = obj; var a = demoA.parentNode.previousSibling;//这个parentNode找到的是<td>标签的同一级父级点, //也就是其他两个<td>加空白, //previousSibling(这个是向上找同一父级点的子节点) while(a != null)

通过$broadcast或$emit在子级和父级controller之间进行值传递

1 通过$broadcast或$emit在controller之间进行值传递,不过这些controller必须是子级或者父级关系, 2 $emit只能向父级parent controller传递事件event与数据data,$broadcast只能向子级child controller传递event与data,$on用于接收event与data. 3 <script> 4 var myapp=angular.module('myapp',[]); 5 myapp.controller('Sel

mvc如何使用JavaScript在view和controller之间传递数据

在一般的BS项目开发中,我们经常需要在前台和后台之间传递数据,mvc架构中,也需要在view和controller之间传递数据,那么我们应该如何实现呢? view想controller传递数据:view中代码 <li>@Html.ViewComponent().WfSaveLink(Model).Id("saveToLink").OnBeforeDo("externalData")</li> <scriptlanguage="

【ASP.NET MVC】View与Controller之间传递数据

1   概述 本篇文章主要从操作上简要分析Controller<=>View之间相互传值,关于页面之间传值,如果感兴趣,可参考我另外一篇文章ASP.NET 页面之间传值的几种方式 . Controller=>View:Model,ViewBag,ViewData,TempData,ViewBag=>ViewData,ViewData=>ViewBag,ViewModel,JqGrid,AJAX+第三方插件等: View=>Controller:QueryString,F

【MVC架构】——怎样利用Json在View和Controller之间传递数据

在MVC架构中,尽管非常多东西和三层非常相似,可是也有非常大的差别.就比方传递数据.在三层架构中,传递数据就仅仅要一层返回,另外一层用同样类型的变量来接收即可了.在MVC中,事实上原理是一样的,Controller中的方法返回Json字符串.然后View来接收.或者反过来,不同的就是这之间须要一个序列化和反序列化的过程. 本文就简介利用Json在View和Controller之间传递数据的一个方面,大致从双方面介绍,一是什么是Json,二是怎样实现. 什么是Json 一.概念 百度百科说:JSO

MVC中前台如何向后台传递数据------$.get(),$post(),$ajax(),$.getJSON()总结

一.引言 MVC中view向controller传递数据的时候真心是一个挺让人头疼的一件事情.因为原理不是很懂只看一写Dome,按葫芦画瓢只能理解三分吧. 二.解读Jquery个Ajax函数 $.get(),$.post(),$.ajax(),$.getJSON() 1.$.get(url,[data],[callback]) 参数说明 url:请求地址,MVC中一般为:“/QueryScores/Search/” (/controller/action/) data:请求数据列表,MVC中ac

从View向Controller传递复杂类型Json

mvc给我们提供多种controller中读取view数据的方法 1.从Ruquest["name"]中直接读取 2.将表单中name名称直接写在Action的参数列表中 3.将表单中一组name组装成一个类作为Action的参数 其实实质上都是用表单中的name将数据传输到后台.只不过后两点mvc用反射等一些技术简化了我们的操作 但是很多时候回传递更复杂的数据,第三种我感觉是最灵活的,结合json传递数据变得非常简单 类 public class Good { public stri