Ionic App - Cordova inApp Browser

Question

我创建了一个从数据库中读取数据的离子android应用程序。数据库中的一个字段是网站网址。我正在进行数据绑定，我可以使用以下方式显示网址：

{{accommodation.website}}

。我希望能够使用它来显示外部网页。不幸的是，使用此代码无效：

 <a ng-href="#" target="_self" onclick="window.open('{{accommodation.website}}','_self','location=yes')" class="button button-positive">Website</a><p>{{accommodation.website}}</p>

因此显示：

http://localhost:8100/%7B%7Baccommodation.website%7D%7D
Cannot GET /%7B%7Baccommodation.website%7D%7D

但是当我使用时：

 <a ng-href="#" target="_self" onclick="window.open('http://www.w3schools.com/angular/ng_ng-href.asp','_self','location=yes')" class="button button-positive">Website</a><p>{{accommodation.website}}</p>

在Android手机上运行正常。我没有对url进行硬编码，而是在使用ion-list时使用数据绑定。我整天都在努力解决这个问题。请帮忙。

Answer 1

希望这会对您有所帮助，详情请转到Nic's Blog，并查看评论。问候！

<a ng-href="{{accommodation.website}}" target="_self" onclick="window.open(this.href,'_self','location=yes')" class="button button-positive">Website</a><p>{{accommodation.website}}</p>

Answer 2

首先，使用ng-click，而不是onclick，但这不是重点，因为您应该使用ng-href="{{accommodation.website}}"