在新标签中打开网址

Question

I know there is a $window service in Angular 1.x. Now, I want to open an URL in a new tab, I haven't found any service to do this.

UPDATE:
Seems Angular 2 itself doesn't provide a method/service like Angular 1.x. If you want to navigate inside of an Angular app, you can refer to Angular Router - navigate() . I'm asking this question because I want to navigate using some method provided by Angular, but none of the answers is what I expect.

Answer 1

It sounds like the OP wanted to know how to use $window in angular2 to open a link in either a new tab or window - not to distinguish between them. In case this helps anyone, first declare window:

interface MyWindow extends Window {
    myFunction(): void;
}

declare var window: MyWindow;

then open the link as usual

window.open(url);

Answer 2

您可以在锚标记上设置target =“_ blank”，以在新选项卡中打开URL。

<a [href]="url" target="_blank">Some URL</a>

Answer 3

Use the nagivationEnd event and in HTML page of your componet use this [routerLink]="moduleMenu.ROUTE"

this.router.events.subscribe(event => {
        if (event instanceof NavigationEnd) {
            let subMenu: Menus = new Menus();
            var appName: string = localStorage.getItem('activeGroupModuleName');
            var menuItems: Menus[] = JSON.parse(localStorage.getItem('MenuList')) as Menus[];

            if (event.url != '/atpar') {
                if (menuItems != null && menuItems != undefined) {
                    for (var i = 0; i < menuItems.length; i++) {
                        if (event.url.indexOf(menuItems[i].ROUTE) >= 0 && appName == menuItems[i].APP_NAME) {
                            subMenu = menuItems[i];
                            break;
                        }
                    }

                    localStorage.setItem('submenu', JSON.stringify(subMenu));
                    this.title.setTitle(AtParConstants.PRODUCT_NAME + ' - ' + subMenu.MENU_NAME);
                }
                else {
                    this.title.setTitle(AtParConstants.PRODUCT_NAME + ' - ' + 'Dashboard');
                }
            }
            else {
                this.title.setTitle(AtParConstants.PRODUCT_NAME + ' - Dashboard');
            }
        }
    });