要将输入数据传递到另一个路由并在那里获取,您可以使用AngularJS的$routeParams服务。下面是一个示例代码,演示如何实现这一点:
首先,在路由配置中定义带有参数的路由:
app.config(function($routeProvider) {
$routeProvider
.when('/source', {
templateUrl: 'source.html',
controller: 'SourceController'
})
.when('/destination/:data', {
templateUrl: 'destination.html',
controller: 'DestinationController'
})
.otherwise({
redirectTo: '/source'
});
});
然后,在源控制器中,您可以将输入数据作为URL参数传递给目标路由:
app.controller('SourceController', function($scope, $location) {
$scope.submitData = function(data) {
$location.path('/destination/' + data);
};
});
在源视图(source.html)中,您可以创建一个表单,并在提交时调用submitData函数:
接下来,在目标控制器中,您可以使用$routeParams服务获取传递的数据:
app.controller('DestinationController', function($scope, $routeParams) {
$scope.data = $routeParams.data;
});
在目标视图(destination.html)中,您可以显示传递的数据:
Data: {{data}}
这样,当用户在源视图中输入数据并提交表单时,他们将被重定向到目标路由,并且目标视图将显示传递的数据。