ionicでWebサイトへのリンクを貼る方法をメモφ(..)
↓こんな感じ
手順
.htmlファイルにリンクを置く
.html
ファイル内に通常のWebアプリケーションと同様に<a>...</a>
を配置します。
配置したリンクには(click)
でクリックイベントを定義し、.ts
で定義したopenWebSite()
メソッドを呼び出します。
<a href="#" (click)="openWebSite(page.url)">{{page.title}}</a>
.tsでWebサイトを開く処理を実装する。
.ts
内にメソッドを定義し、window.open()
メソッドに引数としてURLを渡します。
urlと合わせて_system
及びlocation=yes
を引数として渡していますが、_system
はシステムのブラウザでリンクを開くことを表し、location=yes
はアドレスバーの有無を意味します。
export class PageIndexPage { /* 省略 */ openWebSite(url) { window.open(url, '_system', 'location=yes'); return false; } }
以上のやり方でWebサイトへのリンクを貼ることが出来ました・ω・