Question

在我的菜单定义中我有类似的东西：

    ...
function routeConf($stateProvider) {
    $stateProvider.state({
        name: 'application.users',
        url: '/users' // in this place I would like to replace with http://google.com
    })
}

    ..

我想达到效果，点击此按钮会重定向到外部网址，例如。 http://google.com。我不认识Angular。你能帮帮我吗？当我点击一个按钮时，它会移动到/home/users。当我替换url : /dogs时，它会移至/home/dogs。如您所见，它附加后缀。

如何强制不附加（为了使其可以移至google）

Answer 1

在您的视图中，将click事件绑定到组件方法：

<button (click)="openUrl('www.google.com')">button</button>

在您的组件中使用window.location.href进行重定向：

openUrl(siteWeb: string) {

    let link = siteWeb;

    let httpPrefix = "http://";
    if (!siteWeb.startsWith(httpPrefix)) {
      link = httpPrefix + siteWeb
    }

    window.location.href = link;
  }

注意：您的链接必须以http://为前缀才能进行外部导航。

如何从条目菜单中以角度重定向到外部URL

1 个答案: