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}}

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

相关内容

热门资讯

终于懂了!微乐小程序黑科技(辅... 终于懂了!微乐小程序黑科技(辅助),微乐跑得快真是真的有透视挂攻略1、金币登录送、破产送、升级送、活...
发现玩家!微信小程序微乐辅助器... 发现玩家!微信小程序微乐辅助器教程(外挂),微乐小程序微乐斗地主其实是真的有透视挂工具1、下载好微信...
一分钟教会你!微信小程序微乐辅... 一分钟教会你!微信小程序微乐辅助器破解版(作弊器),微乐沈阳麻将总是存在有透视挂工具1、进入游戏-大...
玩家必备科技!微乐自建房脚本如... 玩家必备科技!微乐自建房脚本如何下载(辅助器),微乐福州麻将本来是有透视挂工具1、微乐自建房脚本如何...
六分钟了解!微乐四川小程序修改... 六分钟了解!微乐四川小程序修改器(开挂),微信微乐血战到底好像有透视挂app1)微乐四川小程序修改器...
总算了解!微信微乐游戏辅助器(... 总算了解!微信微乐游戏辅助器(透视器),微乐自尊八喜原来真的是有透视挂方法微信微乐游戏辅助器透视方法...
实测必看!微乐广西麻辣(开挂)... 实测必看!微乐广西麻辣(开挂),微乐棋牌麻将真是是有透视挂插件;1、微乐广西麻辣免费辅助多个强度级别...
重大推荐!微乐广西麻辣辅助器(... 重大推荐!微乐广西麻辣辅助器(辅助),陕西微乐麻将果然真的有透视挂教程一、微乐广西麻辣辅助器游戏安装...
热点推荐!微乐山西脚本插件(辅... 热点推荐!微乐山西脚本插件(辅助),微乐南京进园子都是真的有透视挂方法1、下载好微乐山西脚本插件正确...
技术分享!微乐自建房透视(辅助... 技术分享!微乐自建房透视(辅助),微乐锄大地原来真的是有透视挂脚本1)微乐自建房透视免费钻石:进一步...