为了账号安全,请及时绑定邮箱和手机立即绑定

angular,如何带参数 点击链接 跳到新的页面,并且显示该参数的搜索结果?

angular,如何带参数 点击链接 跳到新的页面,并且显示该参数的搜索结果?

30秒到达战场 2018-08-10 09:09:08
在A页面,通过点击链接,带一个要搜索的内容c,然后再新的页面B打开,B有个搜索功能,需求:打开该页面后,直接自动显示B页面搜索C的结果?如果实现这个需求?比如:A页面的链接是 wwww.baidu.com, 带一个要搜索的参数,是要给产品编码Adf525252,,然后,在B页面的搜索条件自动搜索这个东西,而不用手动复制粘贴/PS。B页面在js文件代码中有索搜的方法。我的困惑在于,然后衔接这个传参,以及 这个使用这个方法搜索。这涉及到后端请求吗?
查看完整描述

1 回答

?
皈依舞

TA贡献1851条经验 获得超3个赞

使用ui-router很方便就可以达到你要的效果。
以下是需要注意的地方:
1.ui-router的官方网站ui-router
2.首先要引入这个插件,在你的html页面中引入,然后添加依赖angular.module('MyApp', 'ui.router'])
3.在路由中定义相关的路由,应该差不多是下面这样:

.state('demo-b',
   {     url: '/demo-b?query',     templateUrl: 'template/demo-b.html',     controller: 'pageBController',     controllerAs: 'vm'
   });

4.在页面中使用是这样的:

<a ui-sref="demo-b({query: 'abc'})" ui-sref-active="item-active">demo-b</a>

差不多就是这样,你可以在哪个页面获取到相关的参数。
在线的例子可以点击这里,点击demo-b就可以看到查询参数。


查看完整回答
反对 回复 2018-09-21
  • 1 回答
  • 0 关注
  • 1365 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信