Angular 4是否允许溃败至同一域中的外部路由?

时间:2018-09-19 16:27:33

标签: angular angular-router

单个域 mydomain.com

下有两个不同的角度应用程序 app-1 app-2

像这样:

  • mydomain.com/app-1
  • mydomain.com/app-2

这两个应用彼此之间一无所知

问题想使用routerLink从app-1导航到app-2

<a [routerLink]="['app-2']" > move <a/>

Angular 4是否允许溃败至同一域中的外部路由?

1 个答案:

答案 0 :(得分:2)

似乎无法通过routerLink做到。 RouterLink指令使用路由器描述来完成其工作,因此不会使您进入另一个应用程序。即使您尝试像这样通过“ URL”导航:

this.router.navigateByUrl('mydomain.com/app-2');

它将根据路由器描述验证该URL,并告诉您该URL不匹配(错误:无法匹配任何路由。URL段)。

它认为在这里,您需要使用标准的javascript导航来更改网站。

喜欢这个:

<a href="http://domain2.com/app2/home"></a>

如果有许多URL移至您的网站,则也可以将其与斜角管混合使用。我们可以想象这样的事情:

<a [href]=" '/home' | toApp2Url"> hey</a>

使用这样的纯管

@Pipe({name: 'toApp2Url', pure: true})
export class ToApp2Url implements PipeTransform {
  transform(value: string): string {
    return 'http://domain2.com/app2' + value;
  }
}