AngularJs:将输入数据传递到另一个路由,然后在那里获取
创始人
2024-10-27 18:30:11
0

要将输入数据传递到另一个路由并在那里获取,您可以使用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}}

这样,当用户在源视图中输入数据并提交表单时,他们将被重定向到目标路由,并且目标视图将显示传递的数据。

相关内容

热门资讯

外挂教材!pokernow辅助... 外挂教材!pokernow辅助工具,德州透视是真的吗-一贯是有辅助工具(哔哩哔哩)1、德州透视是真的...
外挂绝活!德扑之心免费透视,佛... 外挂绝活!德扑之心免费透视,佛手在线大菠萝技巧-真是是有辅助app(哔哩哔哩)1、进入到佛手在线大菠...
外挂手筋!德州圈脚本,菠萝辅助... 外挂手筋!德州圈脚本,菠萝辅助器免费版的特点-本来有辅助插件(哔哩哔哩)1、很好的工具软件,可以解锁...
外挂练习!德扑之心免费透视,拱... 您好,拱趴大菠萝万能辅助器这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很...
外挂手筋!poker worl... 外挂手筋!poker world辅助,聚星ai辅助工具收费多少-好像存在有辅助技巧(哔哩哔哩)外挂手...
外挂绝活儿!werplan辅助... 外挂绝活儿!werplan辅助软件,德普之星辅助器-一直真的有辅助插件(哔哩哔哩)1、werplan...
外挂模块!约局吧德州真的存在透... 外挂模块!约局吧德州真的存在透视吗,竞技联盟辅助-总是存在有辅助app(哔哩哔哩)1、约局吧德州真的...
外挂指南书!poker mas... 外挂指南书!poker master辅助,hardrock透视工具-切实有辅助工具(哔哩哔哩)1.h...
外挂手段!werplan怎么透... 外挂手段!werplan怎么透视,德扑圈透视-本来是有辅助app(哔哩哔哩)1、werplan怎么透...
外挂手筋!拱趴大菠萝开挂方法,... 外挂手筋!拱趴大菠萝开挂方法,哈糖大菠萝助手-果然真的是有辅助app(哔哩哔哩)亲,关键说明,拱趴大...