stateparms 附有当前状态

Question

当我将 stateParams 传递给另一个状态时，它们会与状态连接并在我的 IONIC 应用程序中获得以下结果。

var $currState = $ionicHistory.currentView().stateId; 
$scope.consoleLog('$currState: ' + $currState); //$currState: app.stateA_purchaseData=[object Object]_supplierData=[object Object]"

$scope.consoleLog('$stateParams: ' + JSON.stringify($stateParams)); //$stateParams: {}

这是配置

state('app.StateA', {
        url: '/test-url',
        templateUrl: 'templates/test.html',
        controller: 'AppCtrl',
        cache: false,
        params: {
            purchaseData: null,
            supplierData: null,
        }
    })


$state.go('app.StateA', {purchaseData: $scope.purchaseData, supplierData: $scope.supplierData });

Answer 1

发生这种情况是因为在Ionic history 的文档中有一个方法getCurrentStateId() 将statename 与params 连接起来。

Check from line no 142 in ionic_history.js in github documentation

function getCurrentStateId() {
    var id;
    if ($state && $state.current && $state.current.name) {
      id = $state.current.name;
      if ($state.params) {
        for (var key in $state.params) {
          if ($state.params.hasOwnProperty(key) && $state.params[key]) {
            id += "_" + key + "=" + $state.params[key];
          }
        }
      }
      return id;
    }
    // if something goes wrong make sure its got a unique stateId
    return ionic.Utils.nextUid();
  }

改为获取参数， 试试看，

StateParams() 调用getCurrentStateParams()

function getCurrentStateParams() {
    var rtn;
    if ($state && $state.params) {
      for (var key in $state.params) {
        if ($state.params.hasOwnProperty(key)) {
          rtn = rtn || {};
          rtn[key] = $state.params[key];
        }
      }
    }
    return rtn;
  }

这实际上会为您返回 params 对象。

Reference(source) of the above functions