Question

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

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

在html视图中我使用此publisherdata变量来获取详细信息，如：

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

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

Answer 1

似乎ng-model="email"指向$ scope.email。如果要获取此数据，可以使用该变量，也可以使用publisherdata.email。我认为你不需要ng-bind，ng-model就足够了。

此代码$state.go('profile', publisherdata);将视图从一个更改为另一个。不使用控制器中的变量。我建议您使用service或factory来将信息从一个控制器发送到另一个控制器。

Answer 2

要使绑定生效，您需要将数据定义为状态参数，在目标控制器中注入$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('destinationCtrl', function($scope,$stateParams){
  $scope.publisherdata = $stateParams.publisherdata;
});

如何通过AngularJs中的状态传递数据？

2 个答案: