如何使用 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 方式将允许单页应用在您的网站内保持单页。