Question

我在Angular JS做一个项目。我有一个HTML文件，其中有一个链接。该链接将用户带到另一个页面，该页面的状态为我应用程序的所有组件。

现在，我想修改该链接，以便显示一个特定组件的状态，其名称为“部署管理器”。为此，我需要在URL中应用搜索字符串。

这是我当前的网址：

http://10.0.1.189:5601/#/dashboard/Default?_g=()&_a=(filters:!(),panels:!((col:7,columns:!
(host,path,message),id:yarn,row:6,size_x:6,size_y:3,sort:!(%27@timestamp%27,desc),
type:search),(col:1,columns:!(host,path,message),id:kafka,row:6,size_x:6,size_y:3,
sort:!(%27@timestamp%27,desc)",type:search),(col:1,columns:!(host,path,message),id:minion,row:9,size_x:12,size_y:3,sort:!(%27@timestamp%27,desc),
type:search),(col:1,id:All-log-types-over-time,row:1,size_x:12,size_y:2,type:visualization),(col:1,columns:!
(host,path,message,source),id:all,row:3,size_x:12,size_y:3,sort:!(%27@timestamp%27,desc),type:search)),
query:(query_string:(analyze_wildcard:!t,query:%27*%27)),title:Default)

如果仔细看到此链接，您将在该链接的最后一行“查询”字符串。在那里，我需要把特定的组件名称。类似下面的URL：

http://10.0.1.189:5601/#/dashboard/Default?_g=()&_a=(filters:!(),panels:!((col:7,columns:!(host,path,message),id:yarn,row:6,size_x:6,size_y:3,sort:!(%27@timestamp%27,desc),type:search),(col:1,columns:!(host,path,message),id:kafka,row:6,size_x:6,size_y:3,sort:!(%27@timestamp%27,desc),type:search),(col:1,columns:!(host,path,message),id:minion,row:9,size_x:12,size_y:3,sort:!(%27@timestamp%27,desc),type:search),(col:1,id:All-log-types-over-time,row:1,size_x:12,size_y:2,type:visualization),(col:1,columns:!(host,path,message,source),id:all,row:3,size_x:12,size_y:3,sort:!(%27@timestamp%27,desc),type:search)),query:(query_string:(analyze_wildcard:!t,query:deployment-manager)),title:Default)

在上面的URL中，我在查询字符串中放了特定的组件名称，即“Deployment-manager”。如何在HTML或AngularJS或Javascript中附加它。

以下是我的HTML代码，其中包含链接：

<p>Please follow <a target="_blank" href="{{link}}" class="tooltip-test" data-title="{{link}}" bs-tooltip>this</a> link to fix issues related to {{componentName}}.</p>
"

此链接的{{link}}值来自我的Angular Js控制器。并且控制器发送此链接的值仅为此http://10.0.1.189:5601 但它被翻译成我上面提到的一个大网址。

所以我需要将此查询参数附加到我的URL中。我怎么能这样做？

Answer 1

您可以使用$ location服务， $ location.url（url）.search（search）;

＆＃xA;

如何将搜索字符串附加到URL？

1 个答案: