如何使用Angular JS隐藏地址栏中显示的stateProvider url?

时间:2015-03-15 15:34:19

标签: angularjs angular-ui-router

所有

我正在使用Angular JS 1.3.0 stateProvider URL进行URL路由。

在运行时,只要状态被重定向到特定URL,它就会显示在地址栏上,并显示有关Employee id的信息。就像在这张图片中一样

enter image description here

是否可以使用Angular JS 1.3.0隐藏这些潜在信息?

1 个答案:

答案 0 :(得分:4)

personId显示在网址中,因为它定义为网址参数。

但我们可以通过使用params符号来定义它来避免这种情况:

.state("peopleDetail", {
    url : "/",
    params : { personId : null },
    ...
}

检查文档:

$stateProvider

  

一个地图,可选择配置在url中声明的参数,或定义其他非url参数。对于要配置的每个参数,添加一个键入参数名称的配置对象。

     

...
  每个参数配置对象可以包含以下属性:

  • 阵列
  • 壁球 - (参见该资源中的更多内容)

有关类似内容和更多详情,请查看:

Angular ui router passing data between states without URL