今天,也是偶然發現有的初學者對ionic的傳值還不太清除,這裏我說明一下html
例如你想在這個頁面傳遞參數a、b過去,傳遞到"tab.wait"頁面ionic
$state.go("tab.wait",{a:123,b:456});等等後面能夠跟不少參數ui
而後看 tab.waiturl
.state('tab.wait', {
url: '/tab_wait',
params:{"a":null,"b":null},
views: {
'tab-love': {
templateUrl: 'templates/wait.html',
controller: function($scope,$stateParams) {
$scope.hehe=$stateParams.a -> 彈一下$scope.hehe,你就能夠獲得 123 由於a傳過來的值是123
$scope.heihei=$stateParams.b -> 彈一下$scope.heihei,你就能夠獲得 456 由於b傳過來的值是456htm
}
}
}
})路由
如上所示,在路由tab.wait裏面加入 params:{"a":null,"b":null}初始化一下,你有幾個參數就把幾個參數初始化
而後注入依賴,如在controller: function($scope,$ionicPopup,$timeout,$stateParams)裏面注入$stateParams
而後你tab.wait對應的頁面裏面就能夠得到到傳過來的值了,如tab.wait頁面裏面有一個it
<p>{{hehe}}</p>和io
<p>{{heihei}}</p>
那就能夠 $scope.hehe=$stateParams.a -> 彈一下$scope.hehe,你就能夠獲得 123 由於a傳過來的值是123,這是把傳過來的東西$stateParams.a賦值給$scope.hehe,用於頁面展現
$scope.heihei=$stateParams.b -> 彈一下$scope.heihei,你就能夠獲得 456 由於b傳過來的值是456,這是把傳過來的東西$stateParams.b賦值給$scope.heihei,用於頁面展現function
這就是$state.go()的傳值 ,ui-sref是同樣的,只不過是在頁面中把傳值給傳了,例如
ui-sref=「tab.detail({a: 1, b: 2})」 一樣在目標頁面注入 params:{"a":null,"b":null}記得這個params後邊是個逗號,別忘了 ,注入依賴$stateParams ,而後根據$stateParams.a或者$stateParams.b拿到傳過來的值im