2017-12-20 11 views
0

私は角度JSとイオンフレームワークで初心者です! InAppBrowserを使用してアプリケーション内に静的なWebページを統合する必要があります。私はhome.tsファイルにコードを挿入しようとしましたが、home.htmlファイルに何を書き込むのか分かりません!! 私はタブテーマでホームボタンを押すとすぐに表示されるhome.ts内にあらかじめ定義されたWebページを開く機能が必要です。 ある人が私を助けたら、私は感謝しています。Ionic InAppBrowserの統合を行うにはどうしたらいいですか?

+0

は、スタックオーバーフローへようこそ!質問に対するより良い回答を得るために、[最小、完全、および検証可能](http://stackoverflow.com/help/mcve)の作成方法を確認してください。 –

+0

あなたのHTMLには何も必要ありません – madalinivascu

+0

「@ ionic-native/in-app-browser」のドキュメント参照import {InAppBrowser} コンストラクタ(プライベートIAB:InAppBrowser){} ... CONSTブラウザ= this.iab.create( 'https://ionicframework.com/')。 –

答えて

0

htmlファイルには何も含める必要はありません。アプリ内のボタンを使用して静的なWebページを開く場合にのみ必要です。

ちょうどとプラグインとあなたのhome.ts・ファイル内の関数が含ま:

import { InAppBrowser } from '@ionic-native/in-app-browser' 

をし、このようなあなたのコンストラクタにInAppBrowserを追加します。

constructor(private iab: InAppBrowser) { } 

そして最後に、あなたの関数を宣言します。

openBrowser(){ 
    const browser = this.iab.create('https://ionicframework.com/'); 
} 

アプリの起動時に静的なウェブページを開きたい場合は、 ddはopenBrowser-ionViewDidLoad-Functionの機能で、Home-Pageをロードするたびに実行されます。

ionViewDidLoad(){ 
    this.openBrowser(); 
} 

ので、あなたの最終home.tsは次のようになります。詳細については

import { InAppBrowser } from '@ionic-native/in-app-browser' 

export class HomePage { 
    constructor(private iab: InAppBrowser) {} 

    ionViewDidLoad(){ 
    this.openBrowser(); 
    } 

    openBrowser(){ 
    const browser = this.iab.create('https://ionicframework.com/'); 
    } 

} 

プラグインのマニュアルを参照してください:click

+0

大変ありがとうございました。今、ブラウザを起動した後のiosインターフェイスの問題(Doneボタンはありません。ドキュメントにあったものを適用しようとしましたが、残念ながら私はできませんでした)。どのようにinAppBrowserを終了し、メインアプリに戻るか考えていますか?もう一度ありがとう:) –

+0

申し訳ありません、現時点では私はそれを試す可能性がありませんが、私はそれとの経験を持っているように完了ボタンは私のコードのようなオプションなしで表示する必要があります。多分画面の中央に「完了」ボタンがありますか?私の前の答えを「受け入れられた」とマークして投票するのを忘れないでください:) –

関連する問題