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

what7yousay
  • 576

在A页面,通过点击链接,带一个要搜索的内容c,然后再新的页面B打开,B有个搜索功能,需求:打开该页面后,直接自动显示B页面搜索C的结果?

如果实现这个需求?

比如:A页面的链接是 wwww.baidu.com, 带一个要搜索的参数,是要给产品编码Adf525252,,然后,在B页面的搜索条件自动搜索这个东西,而不用手动复制粘贴/

PS。B页面在js文件代码中有索搜的方法。我的困惑在于,然后衔接这个传参,以及 这个使用这个方法搜索。

这涉及到后端请求吗?

评论
阅读 2.3k
1 个回答

使用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就可以看到查询参数。

撰写回答

登录后参与交流、获取后续更新提醒

宣传栏