button click untuk buka browser

Saya pakai

<a href="{{item.url}}" target="_blank" onclick="window.open(this.href,'_blank','location=no')" class="button button-positive"><img  src="{{item.gambar}}"/></a>

tidak buka halaman baru dibrowser, apa ada yang salah? mohon bimbingannya

{{item.url}}

ambil dari json

kode lengkapnya :

<ion-header>
	<ion-navbar color="primary">
		<button ion-button menuToggle>
			<ion-icon name="menu"></ion-icon>
		</button>
		<ion-title>Tautan e-Pendidikan</ion-title>
	</ion-navbar>
</ion-header>

<ion-content class="page-tautan">
	<ion-list>
		<ion-item *ngFor="let item of items" (click)="itemClicked($event,item)">
		<ion-card>
		<a href="{{item.url}}" target="_blank" onclick="window.open(this.href,'_blank','location=no')" class="button button-positive"><img  src="{{item.gambar}}"/></a>
		</ion-card>
	</ion-item>
</ion-list>
</ion-content>
avatar rrhp
@rrhp

28 Kontribusi 2 Poin

Diperbarui 7 tahun yang lalu

6 Jawaban:

sebelumnya, coba liat di debug console atau inspect element urlnya apa memang sudah benar berhasil get dari jsonnya, dan saat di click coba liat adakah error di console log nya..

avatar gunalirezqimauludi
@gunalirezqimauludi

350 Kontribusi 243 Poin

Dipost 7 tahun yang lalu

bisa tah di ionic-cordova buka window baru? kan browser yg embeded di cordova sama browser yg terinstal di hp-nya beda aplikasi. ga dibuka pake modal dialog aja gan datanya? kan bisa diambil dulu datanya via ajax-json

avatar QaiserLab
@QaiserLab

366 Kontribusi 390 Poin

Dipost 7 tahun yang lalu

ini lognya bang @gunalirezqimauludi ga ada yang error bang pas diclick..

Objectgambar: "http://dispendik.surabaya.go.id/images/banners/banners/tryout_online.png"url: "http://tryoutonline.dispendik.surabaya.go.id/"__proto__: Object__defineGetter__: __defineGetter__()__defineSetter__: __defineSetter__()__lookupGetter__: __lookupGetter__()__lookupSetter__: __lookupSetter__()constructor: Object()hasOwnProperty: hasOwnProperty()isPrototypeOf: isPrototypeOf()propertyIsEnumerable: propertyIsEnumerable()toLocaleString: toLocaleString()toString: toString()valueOf: valueOf()get __proto__: __proto__()set __proto__: __proto__()arguments: nullcaller: nulllength: 1name: "set __proto__"__proto__: ()[[FunctionLocation]]: <unknown>

@QaiserLab linknya mengarah ke web yang lain bang, kayak backlink gitu

avatar rrhp
@rrhp

28 Kontribusi 2 Poin

Dipost 7 tahun yang lalu

coba ini untuk iOS:

window.open("http://google.com", '_system');

Untuk Android:

navigator.app.loadUrl("http://google.com", {openExternal : true});

sy dapet dari sini referensi-nya http://stackoverflow.com/questions/17887348/phonegap-open-link-in-browser

avatar QaiserLab
@QaiserLab

366 Kontribusi 390 Poin

Dipost 7 tahun yang lalu

Kalau pakai ini bisa bang

              <a class="item" href="#" onclick="window.open('https://www.thepolyglotdeveloper.com/resources/', '_self', 'location=yes'); return false;">
                Open a Browser
            </a>

kalau urlnya ambil lewat json gimana ya? apa seperti ini :

              <a class="item" href={{item.url}} onclick="window.open('item.url', '_self', 'location=yes'); return false;">
                Open a Browser
            </a>
avatar rrhp
@rrhp

28 Kontribusi 2 Poin

Dipost 7 tahun yang lalu

sudah bisa bang ternyata codeku ada yang salah

<ion-item *ngFor="let item of items" (click)="itemClicked($event,item)">

jadi

<ion-item *ngFor="let item of items" >

terima kasih semua

avatar rrhp
@rrhp

28 Kontribusi 2 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban