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

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

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

如果实现这个需求?

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

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

这涉及到后端请求吗?


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

【热门文章】
【热门文章】