2016-03-09 63 views
-1

我已經創建了一個離子android應用程序,用於從數據庫中讀取數據。數據庫中的一個字段是網址。我正在做數據綁定,我可以使用以下網址顯示網址:Ionic App - Cordova inApp瀏覽器

{{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手機上的罰款。而不是硬編碼的網址,我想使用數據綁定,因爲我正在使用ion-list。我花了整整一天的時間來解決這個問題。請幫忙。

+0

您是否在離子框架中安裝了inappbrowser插件 –

回答

0

首先,使用ng-click,不onclick,但那是題外話,因爲你只需使用ng-href="{{accommodation.website}}"

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> 
+0

@JamesNgondo我很高興能爲您提供幫助。 – 2016-03-10 06:42:52

相關問題