問(wèn)題描述

路由設(shè)置（兩個(gè)State之間有父子關(guān)系）：

.state('tab.my-profile', { url: '/my/profile', views: { 'tab-my': { templateUrl: 'templates/tab-my-profile.html', controller: 'MyProfileCtrl' } }}) .state('tab.my-profile-mobileinput', { url: '/my/profile/mobileinput', views: { 'tab-my': {params: {'mobile': null}templateUrl: 'templates/util-mobile-input.html',controller: 'MobileInputCtrl', } } })

2.父State的控制器中的代碼：

.controller('MyProfileCtrl', function ($scope, $state) { $scope.goToMobileInput = function () { $state.go('tab.my-profile-mobileinput', {'mobile': '123456'}) };})

3.子State的控制器中的代碼：

.controller('MobileInputCtrl', function ($scope, $stateParams) { alert($stateParams.mobile); // undefined})

能夠跳轉(zhuǎn)到子State，但在子State的控制器中無(wú)法接收到參數(shù)（訪問(wèn)參數(shù)時(shí)得到的結(jié)果是undefined，而非'123456'）。看了網(wǎng)上資料這么寫(xiě)應(yīng)該無(wú)誤，是跟State之間的父子關(guān)系有關(guān)嗎？

問(wèn)題解答

你的router定義的有問(wèn)題，params需要和url， views在同一級(jí)，views正如字面意思那樣，是指定ui的，你在其中指定了params就有問(wèn)題了，需要改成如下這樣:

.state('tab.my-profile-mobileinput', { url: '/my/profile/mobileinput', params: {'mobile': null}, views: { 'tab-my': {templateUrl: 'templates/util-mobile-input.html',controller: 'MobileInputCtrl' } } })回答2：

$broadcast，我記得這種應(yīng)該采用事件廣播，可以將事件從父級(jí)作用域傳播至子級(jí)作用域，你可以百度一下相關(guān)內(nèi)容，應(yīng)該能夠解決