angular Ui-router link out of app but in the same domain
angular-ui-router, angularjs, javascript
Solution
This might be helpful: angular.js link behaviour - disable deep linking for specific URLs
To summarize, you can tell Angular to ignore a link for routing purposes by adding `target="_self"` to it. This will allow the browser to handle the link unencumbered by Angular. For example:
` <a href="/my-non-angular-link" target="_self">My Non-Angular Link</a> `
This approach works for links that you know beforehand should not be handled by Angular.
Problem
I'm trying to use ui-router in my angular app. My base url is "/segments" and I use base tag to define it. ``` <base href="/segments" /> ``` Here is my routing config: ``` var base = "/segments" $stateProvider .state('list', { url: base, controller: 'FilterLestCtrl', templateUrl: '/segments/partial?partial=list' }) .state('new', { url: base + '/new', data: { mode: 'new' }, controller: 'SegmentFormCtrl', templateUrl: '/segments/partial?partial=edit' }) .state('edit', { url: base + '/:id/edit', data: { mode: 'edit' }, controller: 'SegmentFormCtrl', templateUrl: '/segments/partial?partial=edit' }); $locationProvider.html5Mode(true).hashPrefix('!'); ``` When I click to link tag I can't get out from my app to other resource on my site, i.e. I click to tag ``` <a class="" href="/widgets">Widgets</a> ``` and then url changing and nothing happened. Question: How handle external link to other pages on site with ui-router?