$window.open still opening url inside phonegap app (angular)

Question

I have the following HTML and angular.js code:

<span ng-if="club.club_brief != ''">
  <a href="#" ng-click="openLink('{{club.club_brief}}')">Website</a>
</span>

In my controller:

$scope.openLink = function(url) {
    $window.open(url, '_system');
}

EDIT: Having read some answers I also tried

$window.open(url, '_system');

but I'm getting the same problem in that it's still loading the site within the app without trying to open a browser.

I was hoping that would prevent the link from being open inside the phonegap app but it's not. I want it to open in a new browser (or give the option of the browser). This is for Android.

Answer 1

I am not sure this will work directly. you probably need to call the service for this through phonegap.

Answer 2

尝试$window.open(url, '_blank');

Answer 3

Have you tried using _blank. It's possible your current tab is _system.

$scope.openLink = function(url) {
    $window.open(url, '_blank');
}

Answer 4

You could not use {{}} interpolation inside ng-click , if you do it then you will get an $parser error in console.

Markup

<span ng-if="club.club_brief != ''">
  <a href="#" ng-click="openLink(club.club_brief)">Website</a>
</span>

Other think you should use _blank while opening tab from the JavaScript tag.

$window.open(url, "_blank")

Answer 5

A workaround could be to use

<a href="{{club.club_brief}}" target="_blank">Website</a>

As a sidenote, when using ng-click you can just write

<a href="#" ng-click="openLink(club.club_brief)">Website</a>

No need for {{ }} or '' .