Postingan lainnya

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>

angular javascript

@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..

@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

@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

@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

@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>

@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

@rrhp

28 Kontribusi 2 Poin

Dipost 7 tahun yang lalu