如何以角度js将数据从一个视图发送到另一个视图

时间:2015-01-13 09:41:19

标签: angularjs angularjs-directive angularjs-ng-repeat angular-ui-router

您能告诉我如何使用州将数据从一个视图发送到另一个视图。我不想使用工厂或服务。我需要使用url发送数据并从url获取数据并在视图中显示它。 我的第一个视图中有一个字段name。我想在第二个视图上显示用户在输入字段中输入的内容。单击按钮,我需要将其发送到另一个视图。我能够进入下一个视图,但如何发送数据?

Plunker http://plnkr.co/edit/iDlzhzkz0pJKN2f2CZZe?p=preview

var loginCntrl = function($scope, $location, $state) {
  $scope.testClick = function() {
    $state.go("navigation2");
  }

  $scope.name = "";

  /*$scope.fullname = function() {
    return $scope.firstname + $scope.lastname;
  };*/
}

1 个答案:

答案 0 :(得分:0)

$ state.go可以将参数对象传递给视图

点击此处:https://github.com/angular-ui/ui-router/wiki/Quick-Reference#stategoto--toparams--options

$state.go("State", {Hello:"Hi!"});

然后,您可以使用$ stateParams

在视图控制器上获取这些参数
app.controller("SomeController", function($scope, $stateParams){
    $scope.NewHello = $stateParams.Hello;
})

您还需要修改URL以接受此参数:

url:"/someurl/{Hello}