如何在 angular js 中将数据从一个视图发送到另一个视图
How to send data from one View to another View in angular js
你能告诉我如何使用状态将数据从一个视图发送到另一个视图吗?我不想使用工厂或服务。我需要使用 url 发送数据并从 url 获取数据并将其显示在视图中。
我的第一个视图中有一个字段 name
。我想在第二个视图上显示用户在输入字段中输入的任何内容。单击按钮时,我需要将其发送到另一个视图。我可以转到下一个视图,但如何发送数据?
笨蛋
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;
};*/
}
$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}
你能告诉我如何使用状态将数据从一个视图发送到另一个视图吗?我不想使用工厂或服务。我需要使用 url 发送数据并从 url 获取数据并将其显示在视图中。
我的第一个视图中有一个字段 name
。我想在第二个视图上显示用户在输入字段中输入的任何内容。单击按钮时,我需要将其发送到另一个视图。我可以转到下一个视图,但如何发送数据?
笨蛋 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;
};*/
}
$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}