私は角度JSとイオンフレームワークで初心者です! InAppBrowserを使用してアプリケーション内に静的なWebページを統合する必要があります。私はhome.tsファイルにコードを挿入しようとしましたが、home.htmlファイルに何を書き込むのか分かりません!! 私はタブテーマでホームボタンを押すとすぐに表示されるhome.ts内にあらかじめ定義されたWebページを開く機能が必要です。 ある人が私を助けたら、私は感謝しています。Ionic InAppBrowserの統合を行うにはどうしたらいいですか?
答えて
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
大変ありがとうございました。今、ブラウザを起動した後のiosインターフェイスの問題(Doneボタンはありません。ドキュメントにあったものを適用しようとしましたが、残念ながら私はできませんでした)。どのようにinAppBrowserを終了し、メインアプリに戻るか考えていますか?もう一度ありがとう:) –
申し訳ありません、現時点では私はそれを試す可能性がありませんが、私はそれとの経験を持っているように完了ボタンは私のコードのようなオプションなしで表示する必要があります。多分画面の中央に「完了」ボタンがありますか?私の前の答えを「受け入れられた」とマークして投票するのを忘れないでください:) –
- 1. FirebaseとIonicを統合するにはどうしたらいいですか?
- 2. jsfにブートストラップを統合するにはどうしたらいいですか?
- 3. Bootstrap3をSymfony3に統合するにはどうしたらいいですか?
- 4. FaceBookをXMPPと統合するにはどうしたらいいですか?
- 5. payUをNode.jsと統合するにはどうしたらいいですか?
- 6. inAppBrowserイベントを終了するにはどうすればいいですか?
- 7. NodeJSで書かれたMSテキストボットプログラムをskype botに統合するにはどうしたらいいですか?
- 8. Unity APPとIonicを統合するにはどうすればいいですか
- 9. このペンのコードを自分のサイトに統合するにはどうしたらいいですか?
- 10. Rails:カピバラの統合テストでストップウォッチをテストするにはどうしたらいいですか?
- 11. JBoss netty:Telnet接続を別のスレッドに統合するにはどうしたらいいですか?
- 12. Magento製品をWordPressのWebサイトに統合するにはどうしたらいいですか?
- 13. PythonベースのOpenCVプロジェクトをAndroidに統合するにはどうしたらいいですか?
- 14. PERFORCEでファイルを部分的に統合するにはどうしたらいいですか?
- 15. UbuntuからIonicとCordovaのインストールを完全に削除するにはどうしたらいいですか?
- 16. doctestとunittestのテストディスカバリを統合するにはどうしたらいいですか?
- 17. Slick 3 + Specs2で統合テストをロールバックするにはどうしたらいいですか?
- 18. DjangoをJqueryUIダイアログボックスに統合するにはどうしたらいいですか?
- 19. CSS/JS/Imageプリプロセッサをdjango.contrib.staticfilesに統合するにはどうしたらいいですか?
- 20. PostSharpのVisual Studioへの統合を避けるにはどうしたらいいですか?
- 21. Ionic 2でマーカーの新しい位置をドラッグするにはどうしたらいいですか?
- 22. カーネルスレッドの通信を行うにはどうしたらいいですか?
- 23. Twilioの2因子sms認証をFirebaseとIonic(Javascript)と統合するにはどうしたらいいですか?
- 24. Xcode 4でリモートデバッグを行うにはどうしたらいいですか?
- 25. NHibernateでページングを行うにはどうしたらいいですか?
- 26. HaskellでHTTPSリクエストを行うにはどうしたらいいですか?
- 27. キュウリセレン(オートメーション)プロジェクトでペアリングを行うにはどうしたらいいですか?
- 28. NetbeansでC++ユニットテストを行うにはどうしたらいいですか?
- 29. JRubyで構文ハイライトを行うにはどうしたらいいですか?
- 30. ハイドープでマップ配置を行うにはどうしたらいいですか?
は、スタックオーバーフローへようこそ!質問に対するより良い回答を得るために、[最小、完全、および検証可能](http://stackoverflow.com/help/mcve)の作成方法を確認してください。 –
あなたのHTMLには何も必要ありません – madalinivascu
「@ ionic-native/in-app-browser」のドキュメント参照import {InAppBrowser} コンストラクタ(プライベートIAB:InAppBrowser){} ... CONSTブラウザ= this.iab.create( 'https://ionicframework.com/')。 –