av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

javascript - Angular利用 broadcast和 on實現頁面跳轉并且傳遞數據 但是跳轉后收不到數據

瀏覽:111日期:2024-03-09 18:44:18

問題描述

我利用Angular中$broadcast和$on實現頁面跳轉并且傳遞數據,但是跳轉后收不到數據(再次點擊按鈕才會顯示)具體要求:點擊第一個頁面的按鈕,傳遞一個數組(如下圖中的shopList數組)到第二個頁面,使得第二個頁面能夠接收到shopList數組

第一個頁面

<a ui-sref='app.checkOut' ng-click='checkoutShop(shopList)'><b>結算</b></a>

對應的controller(是主控制器-父級)

$rootScope.checkoutShop=function(shop){ var shop_list_data = shop; console.log(shop_list_data); $rootScope.$broadcast(’to_checkout’, shop_list_data);};

第二個頁面的controller(是主控制器下的子集)

$scope.$on(’to_checkout’, function(event,data) { console.log(data);});

但是測試后發(fā)現第二個頁面的console.log(data)打印失敗,但是再次點擊又會成功,是路由的問題嗎?具體如下:主頁面如下,購物車是隱藏在側面的,點擊導航欄中的購物車,右側會出現購物車

javascript - Angular利用 broadcast和 on實現頁面跳轉并且傳遞數據 但是跳轉后收不到數據

剛開始:

javascript - Angular利用 broadcast和 on實現頁面跳轉并且傳遞數據 但是跳轉后收不到數據點擊按鈕后,傳遞數組并且跳轉到另外一個頁面,但是并沒有打印這個數組:

javascript - Angular利用 broadcast和 on實現頁面跳轉并且傳遞數據 但是跳轉后收不到數據

javascript - Angular利用 broadcast和 on實現頁面跳轉并且傳遞數據 但是跳轉后收不到數據再次點擊“結算”按鈕,就會打印了:

javascript - Angular利用 broadcast和 on實現頁面跳轉并且傳遞數據 但是跳轉后收不到數據

javascript - Angular利用 broadcast和 on實現頁面跳轉并且傳遞數據 但是跳轉后收不到數據請問這是什么原因?該如何解決呢?

問題解答

回答1:

去掉 ui-sref='app.checkOut' ,方法里先執(zhí)行$broadcast ,再路由跳轉。

<a ng-click='checkoutShop(shopList)'><b>結算</b></a>$rootScope.checkoutShop=function(shop){ var shop_list_data = shop; console.log(shop_list_data); $rootScope.$broadcast(’to_checkout’, shop_list_data); $state.go(’app.checkOut’);};回答2:

為什么要在rootScope下添加點擊事件?直接添加在頁面的scope看看。

回答3:

$state.go 跳轉頁面的時候可以直接傳遞參數,為什么還要用$broadcast

主控制器-父級

`$rootScope.checkoutShop=function(shop){ var shop_list_data = shop; console.log(shop_list_data); $state.go(app.checkOut,{data:shop_list_data});};`

主控制器下的子集

.controller(’XXXX’, [’$rootScope’, ’$scope’, ’$stateParams’, function($rootScope, $scope, $stateParams) {console.log($stateParams.data); }])

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 日韩国产欧美一区 | 国产传媒毛片精品视频第一次 | 中文字幕一区二区三区乱码在线 | 国产一区二区精品在线观看 | 羞羞视频免费在线 | 美女视频一区二区三区 | av成年人网站| 伊人看片| 日日干夜夜操天天操 | 天天躁日日躁狠狠躁2018小说 | 精品国产乱码久久久久久88av | 亚洲精品久久久蜜桃 | 欧美伊人久久久久久久久影院 | 欧美中文字幕 | 香蕉av免费| 狠狠操电影 | 日韩在线视频一区 | 国产91成人 | 中国人pornoxxx麻豆 | 久久精品一二三影院 | 网站黄色在线 | 午夜精品在线观看 | 精品av| 久久久亚洲一区 | 99久久99| 久久久久久久国产 | 高清国产午夜精品久久久久久 | 国产一区二区三区 | 免费中文字幕日韩欧美 | 一级片av | 欧美成人精品激情在线观看 | 91社区在线观看高清 | 一区二区免费 | 国产超碰人人爽人人做人人爱 | 特黄毛片视频 | 成人免费小视频 | 国产精品久久一区 | 午夜精品久久久久久久久久久久 | 日韩视频一区在线观看 | 久久亚洲一区二区三区四区 | 91人人视频在线观看 |