如何使用angular或javascript更改URL

Question

我正在尝试创建一个函数，该函数根据某些值更改为另一个页面，但我只是找不到方法。

像这样

获取当前页面www.mypage.com

插入新路线

url =“ / reports”

因此执行功能时，页面将重定向到www.mypage.com/reports或其他取决于URL的内容

$scope.searchPage = function (url) {

/// page = www.mypage.com + url


        };

Answer 1

您可以使用$location （ docs ）执行此操作，您的代码将如下所示：

$location.path('/reports');

这将导航到yourdomain.com/reports 。

另一个解决方案是使用$window （ docs ）：

$window.location.href = 'http://www.mypage.com/reports'

我个人使用$location服务在angularjs应用程序内部进行导航，如果您想通过javascript重定向到新标签页中的外部页面，则可以执行以下操作：

window.open('http://www.mypage.com/reports', '_blank');

Answer 2

要使用JavaScript更改页面的URL，只需在document.location.href上指定即可：

document.location.href = 'http://example.com/new-page';

它只是一个字符串，因此您可以根据需要构建它并传递它。

对于Angular，可以改用$window.location.href 。 只需确保注入$window依赖项即可：

$window.location.href = 'http://example.com/new-page';

如果您的网站内有单个页面应用程序，则使用Angular方式将使其保持单个页面。