$ stateProvider params null with ionic

Question

我無法檢索在Ionic中從ui-router傳遞的參數。 參數傳遞到控制器是不確定的 這是我的國家代碼：

.state('app.dayliston', { 
     cache: false, 
     url: '/myurl', 
     views: { 
     'mainContent': { 
      templateUrl: 'calendar/daylist.html', 
      controller: 'MyCtrl', 
      params : { 'mode':'online'} 
     } 
     } 
    }) 

，這裏是我的控制器代碼：

.controller('MyCtrl', function($scope,$state, $stateParams,CalendarFactory,FBFactory, $ionicHistory,$ionicScrollDelegate,$ionicModal,$ionicPopup, $timeout) { 

     console.log('MyCtrl') 
     console.log('mode'+$stateParams.mode) // mode is undefined 

     .... 

}) 

我使用的是1.6.1。我的代碼有什麼問題嗎？

Answer 1

正如我在你的代碼中看到的，你不需要使用$ stateParams，因爲你沒有從URL獲取「mode」參數。

我想連接狀態data將是一個更好的選擇（Docs）：

.state('app.dayliston', { 
    cache: false, 
    url: '/myurl', 
    data:{ 
    mode: 'online' 
    }, 
    views: { 
    'mainContent': { 
     templateUrl: 'calendar/daylist.html', 
     controller: 'MyCtrl' 
    } 
    } 
}) 

然後你就可以獲取存儲在狀態中的數據是這樣的：

.controller('MyCtrl', function($scope, $state, $stateParams, CalendarFactory, FBFactory, $ionicHistory, $ionicScrollDelegate, $ionicModal, $ionicPopup, $timeout) { 
    console.log('MyCtrl') 
    console.log('mode'+$state.current.data.mode) // "online" 
}) 

Answer 2

MyCtrl是您的控制器的實際名稱。這不是傳遞給控制器​​本身的參數。

Answer 3

你逝去的$stateParams不正確

https://github.com/angular-ui/ui-router/wiki/URL-Routing#stateparams-service

應該在url上或者你可以通過使用resolve地圖上的數據來傳遞狀態。

https://github.com/angular-ui/ui-router/wiki#resolve

也傳遞自定義數據可能是一個更好的辦法？很難從你提供的

的代碼示例告訴

Answer 4

路線：從視圖

.state('app.dayliston', { 
    cache: false, 
    url: '/myurl/:mode', 
    views: { 
    'mainContent': { 
     templateUrl: 'calendar/daylist.html', 
     controller: 'MyCtrl' 
    } 
    } 
}) 

Check URL Routing Query Parameters doc

鏈接：

<a ui-sref="app.dayliston({mode: 'online'});">Go to dayliston</a> 

轉到從控制器州/路線：

$state.go('app.dayliston', {mode: 'online'});