javascript - 如何在 AngularJs 中通过状态传递数据？

Question

我正在构建一个多步骤注册表单，因为我正在传递数据使用输入框从第一状态到第二状态，但数据不是从第一个状态获取

var publisherdata = {
  email: $scope.publishersignup.email,
  name: $scope.publishersignup.name,
  password: $scope.publishersignup.password
};
$state.go('profile', publisherdata);

在 html View 中，我使用此publisherdata 变量来获取详细信息，例如:

<input type="text" ng-model="email" ng-bind="publisherdata.email" name="email" disabled />

但值(value)不算什么。请帮忙，如何传递数据？

Answer 1

为了使绑定(bind)起作用，您需要将数据定义为状态参数，在目标 Controller 中注入(inject) $stateParams 并将参数添加到 $scope 中。

例如，

状态配置:

$stateProvider.state('profile', {
   url: '/profile',
   params: {
     publisherdata: null
   }
   templateUrl: '',
   controller: 'destinationCtrl'
});

传递数据:

$state.go('profile', {
 publisherdata: {
  email: $scope.publishersignup.email,
  name: $scope.publishersignup.name,
  password: $scope.publishersignup.password
 }
});

目标 Controller :

.controller('destinationCtrl', function($scope,$stateParams){
  $scope.publisherdata = $stateParams.publisherdata;
});