Open links in new window using AngularJS

Question

Is there a way to tell AngularJS that I want links to be opened in new windows when the user clicks on them   With jQuery I would do this   jQuery  a openInNewWindow   click  function         window open this href       return false       Is there an equivalent with AngularJS

User · Answer

this is the code of your button    lt a href  AddNewUserAdmin      class  btn btn-info       ng-click  showaddnewuserpage    gt     lt span class  glyphicon glyphicon-plus-sign  gt  lt  span gt  Add User lt  a gt    in the controller just add this function     var app   angular module  userAPP         app controller  useraddcontroller   function   scope   http   window      scope showaddnewuserpage   function            window location href      AddNewUserAdmin

User · Answer

m59 Directives will work for ng-bind-html you just need to wait for  viewContentLoaded to finish  app directive  targetBlank   function  timeout      return function  scope  element         scope initializeTarget   function           return  scope  on   viewContentLoaded    timeout function             var elems          elems   element prop  tagName        A    element   element find  a            elems attr  target     blank                          return  scope initializeTarget

User · Answer

It works for me  Inject  window service in to your controller     window open  somepath      blank

User · Answer

Here s a directive that will add target   blank  to all  lt a gt  tags with an href attribute  That means they will all open in a new window  Remember that directives are used in Angular for any dom manipulation behavior  Live demo  click    app directive  href   function       return       compile  function element          element attr  target     blank                     Here s the same concept made less invasive  so it won t affect all links  and more adaptable  You can use it on a parent element to have it affect all children links  Live demo  click    app directive  targetBlank   function       return       compile  function element          var elems    element prop  tagName        A     element   element find  a          elems attr  target     blank                     Old Answer  It seems like you would just use  target   blank  on your  lt a gt  tag  Here are two ways to go    lt a href    facebook com  target   blank  gt Facebook lt  a gt   lt button ng-click  foo    gt Facebook lt  button gt    JavaScript   var app   angular module  myApp         app controller  myCtrl   function  scope   window       scope foo   function          window open    facebook com               Live demo here  click    Here are the docs for  window  http   docs angularjs org api ng  window  You could just use window  but it is better to use dependency injection  passing in angular s  window for testing purposes

User · Answer

I have gone through many links but this answer helped me alot    scope redirectPage   function  data        window open data   popup    width 1000 height 700 left 300 top 200            data will be absolute url which you are hitting

User · Answer

you can use    window open url  windowName  attributes

User · Answer

I wrote a small gist which I think can be very helpful to anybody seeking a solution to that problem  external link  What it does is it adds target   blank  attributes to anchor elements that would link to a domain different than the current one   You can patch it up to whatever you see fit

[javascript] Open links in new window using AngularJS

Examples related to javascript

Examples related to angularjs