1. 程式人生 > >angular同一個頁面多個controller值傳遞

angular同一個頁面多個controller值傳遞

<div ng-controller="ParentCtrl">                  //父級  
    <div ng-controller="SelfCtrl">                //自己  
        <a ng-click="click()">click me</a>  
        <div ng-controller="ChildCtrl"></div>     //子級  
    </div>  
    <div ng-controller="BroCtrl"></div>           //平級  
</div> 
phonecatControllers.controller('SelfCtrl', function($scope) {  
    $scope.click = function () {  
        $scope.$broadcast('to-child', 'child');  
        $scope.$emit('to-parent', 'parent');  
    }  
});  
  
phonecatControllers.controller('ParentCtrl', function($scope) {  
    $scope.$on('to-parent', function(d,data) {  
        console.log(data);         //父級能得到值  
    });  
    $scope.$on('to-child', function(d,data) {  
        console.log(data);         //子級得不到值  
    });  
});  
  
phonecatControllers.controller('ChildCtrl', function($scope){  
    $scope.$on('to-child', function(d,data) {  
        console.log(data);         //子級能得到值  
    });  
    $scope.$on('to-parent', function(d,data) {  
        console.log(data);         //父級得不到值  
    });  
});  
  
phonecatControllers.controller('BroCtrl', function($scope){  
    $scope.$on('to-parent', function(d,data) {  
        console.log(data);        //平級得不到值  
    });  
    $scope.$on('to-child', function(d,data) {  
        console.log(data);        //平級得不到值  
    });  
}); 

用$broadcast賦的值,只能子級能得到值,父級得不到,用$emit賦的值,只能父級得到值,子級得不到。平級都得不到值

相關推薦

angular同一個頁面controller傳遞

<div ng-controller="ParentCtrl"> //父級 <div ng-controller="SelfCtrl"> //自己 <

.net MVC 單頁面 (行)數據修改

addm val 界面 services sum sta 設置 error ces 一 /// <summary> /// 參數信息分頁請求,前臺要設置Form,這樣可以當前頁多值修改 /// </summary> /// <returns

jquery 實現一個頁面tab頁

無法 text mage solid 出現 none poi code tle <!DOCTYPE html ><html ><head><meta http-equiv="Content-Type" content="text/h

一個頁面tab選項卡效果

結果 菜鳥 提升 ref -a 搜索引擎 flow .cn www. 新整理同一個頁面多個tab選項卡,由於不會自己些代碼,只能從網上找現成的來改。留著備用。 共3部分,HTML、CSS、JS 暫時沒有演示地址和下載地址,以後會補上。 HTML部分 <!DOCTY

一條SQL查詢一個屬性,屬性的情況

cat sele 屬性 clas family 獲取 sql 查詢 group 原先sql獲取角色對應的權限信息: select a.*, group_concat(b.auth_name) as auth_name from sh_role a left join sh_

js獲取大表詳情頁面模塊相同的project_id

click border cti delete ear table region RM edi js頁面 $(function(){ 1. $(‘#project_id‘).val(project_id); --》此行代碼是前端傳過來獲取多個模塊的相同id,必不可少

一個頁面ng-app指令

多個ng-app 指令啟動第二個ng-app指令 需要用到angular.bootstrap()方法一個頁面多個ng-app指令

jquery頁面倒計時效果

bsp width data jquer -a second ext time() size <div class="timeBox" data-times="2019/06/30,23:59:59"> 距結束 <span class="tim

resultset 查詢時返回相同

代碼生成器 ast rim 解決 簡單的 自帶 logback maven 大寫 背景 做個簡單的接口開發,拿到的平臺比較不理想,好久沒重新搭建一個了,正好練練手。用了基礎的servlet,maven,logback(log4j不支持格式化,比較煩人),fastjson,d

在js中無法獲取id為demo的問題

例如程式碼中: <script> $(document).ready(function(){ $("#demo").hover(function(){ $("h1").css("background-color","yellow"); },function(){

Go中返回的技巧

直接上程式碼看個例子吧: package main import "fmt" //返回 X+Y 和 X*Y func Computer(X, Y int) (int, int) { return X+Y, X*Y } func main() { x := 10 y := 2

PYTHON自動化Day6-函式返回和匿名函式、列表生成式,三元運算子,os模組,sys模組,時間模組,字典排序,資料庫操作,加密(md5)

一.函式多個返回值和匿名函式 #函式返回多個值,用一個變數接收 def say(): num1=1 num2=2 num3=3 return num1,num2,num3 res=say() print(res) #打印出來是元組。 函式如果返回多個值的話,會把返回的

【原創】EXCEL公式經驗(7)---EXCLE一般都是返回單個值得,如何寫公式返回匹配

  (1)一般excel都只能在一個單元格,且是輸入公式的這個單元格,返回一個值 (2)少數情況,可以在這個一單元格返回多個值 (3)現在考慮的是,輸入公式後,可以返回多個值    看起來公式還是遵循了(1)原則   INDEX($A:$A

ztree外掛同一頁面tree想要每個tree有獨立的點選事件

在同一個頁面如果有兩個tree,而且想要兩個tree的點選事件區別開來,需要設定獨立的一套setting和回撥函式,如下: //第一棵樹 var setting = { isSimpleData : true, //資料是否採用簡單 Ar

【Java】echarts,highcharts中y軸對應的一個x軸的數量的Java對應排序程式碼(一個key下的value對應key的位置)

1.首先,可以很輕鬆的從後臺資料庫獲取多個list。list如下: 2.根據其中一個的list的排序,獲取出x軸的陣列。(echarts,highcharts的X,Y軸一般為陣列)    Java程式碼: String x[] = new String[li

微信小程式一個頁面按鈕分享怎麼處理

首先呢,第一步先看api文件: 元件:button https://developers.weixin.qq.com/miniprogram/dev/component/button.html 框架-邏輯層-註冊頁面-頁面事件處理函式:onShareAppMessage https://develop

JS為變速移動新增任意屬性包括回撥函式

//封裝新增任意多個屬性的函式 //fn這個引數是為這個函式新增的回撥函式 function changeAll(ele,json,fn){ //每次都清除一次定時器 clearInterval(ele.timed); //設定定時器 ele.timed=se

C# 委託/Func() 中 GetInvocationList() 方法的使用 | 接收委託返回

在日常使用委託時,有以下常用方法 方法名稱 說明  Clone   建立委託的淺表副本。  GetInvocationList   按照呼叫順序返回此多路廣播委託的呼叫列表。

一個頁面swiper問題解決

  關於一個頁面中多處使用swiper而引起的翻頁問題 最近公司專案做了一個雙12活動,活動頁面中存在18個輪播!!!然後在進行swiper宣告的時候發現了問題,如果頁面只是有一兩個輪播,可以直接給每一個swiper-container 元素重新增加一個新類名,然後使用新類名進行宣告。

關於資料庫中UNIQUE唯一約束可否有null問題

我們都知道unique約束,限制此欄位在資料庫表中此欄位值唯一 但是如果我們不傳值,那麼他預設為null的話,可以有多個嗎? 偉大的毛主席告訴我們:實踐是檢驗真理的唯一標準! 本次測試使用的是資料庫時MySQL 5.5 首先建立一張表將username欄位設定