使用routerLink绝对链接到外部站点

Question

我编写了组件，它模拟动态菜单以导航我的应用程序。 应用程序加载（来自API）可用菜单位置并显示它们用于用户和过度活动位置（添加类＆＃34;活动＆＃34;）。我用这种方式实现了这个功能：

menu.component.ts

@Component({
    selector: 'menu',
    templateUrl: 'menu.component.html'
})
export class MenuComponent implements OnInit {

    menuItems: Position[];

    ngOnInit() {
       //some code... (loading menu positions)
    }
}

menu.component.html

<a class="btn btn-default" *ngFor="let item of menuItems" routerLinkActive="active" [routerLink]="[item.actionURL]">
  <i class="fa {{item?.icon}}"></i>
  <span>{{item?.label}}</span>
</a>

position.ts

export class Position {

    label: string;
    actionURL: string;
    icon: string;

    constructor(label: string, actionURL: string, icon: string) {
        this.label = label;
        this.actionURL = actionURL;
        this.icon = icon;
    }
}

一切都很好，直到我在actionURL属性中使用相对路径。 我需要做什么，在菜单中使用相对和绝对路径？我必须保持overlight活动按钮，但我想通过菜单组件重定向到外国网站。