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

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

如果实现这个需求?

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

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

这涉及到后端请求吗?


30秒到达战场
浏览 1366回答 1
1回答

皈依舞

使用ui-router很方便就可以达到你要的效果。以下是需要注意的地方:1.ui-router的官方网站ui-router2.首先要引入这个插件,在你的html页面中引入,然后添加依赖angular.module('MyApp', 'ui.router'])3.在路由中定义相关的路由,应该差不多是下面这样:.state('demo-b', &nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url:&nbsp;'/demo-b?query',&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;templateUrl:&nbsp;'template/demo-b.html',&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;controller:&nbsp;'pageBController',&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;controllerAs:&nbsp;'vm' &nbsp;&nbsp;&nbsp;});4.在页面中使用是这样的:<a&nbsp;ui-sref="demo-b({query:&nbsp;'abc'})"&nbsp;ui-sref-active="item-active">demo-b</a>差不多就是这样,你可以在哪个页面获取到相关的参数。在线的例子可以点击这里,点击demo-b就可以看到查询参数。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript