How to allow external link in angularjs when using ng-bind-html

Question

Here is the rendered code

<div>dfdbfbdfbdfbdfbdfbfb gdfgfggtbrtb  
   <a href="www.github.com" target="_blank"> rtrtrt
   </a>
   <p></p>
</div>

I get this, when i click in the hyperlinked text

https://myapp.io/www.github.com

Answer 1

Remember to use HTTP protocol with external links, if you don't use HTTP before the link, it will be considered as local resource link. In your above mentioned code you should use

<a href="http://www.github.com">Github</a>

Instead of

<a href="www.github.com">Github</a>

Answer 2

Try <a href="https://www.github.com" target="_blank"> the link destination you pasted is relative to the domain you are in.

Answer 3

The easy way is to use $window in the controller and a ng-click in the view.
In the view:

<a ng-click="myFunctionToGoAwayFromAngularJS()">click me</a>

And in the controller:

$scope.myFunctionToGoAwayFromAngularJS = function () { $window.open("https://www.github.com"); };

Obviously you need to inject $window in your controller. This way you can assign ng-click in whatever tag you want, not only to anchor tags.