Open new tabs with AngularJS

Question

I need to know, how can I open a link in a new tab/window with Angular. I have a regular website and when user click in a button "already registered", I need to open a new tab with a login page.

Should I use $location to map the path? Best practices?

Answer 1

You can use angular's window service. To open 'url' in a new tab,

$window.open('url');

Answer 2

If you want to open a new tab I would suggest having your $routeProvider have a '/login' route and simply have your button link to '/login', however, keep in mind you'll be reloading the entire app if you wish to keep the login page within the application when opening a new tab.

You could combine it with something like this to open a small login window separate of the app as well, and listen for the window to close and handle the response.

Answer 3

Make sure the button type is not of type "submit" also or it won't work at all.