2017-12-20 11 views
0

저는 각도 JS와 이온 프레임 워크에서 초보자입니다! InAppBrowser를 사용하여 내 앱 내에 정적 웹 페이지를 통합해야합니다. home.ts 파일에 코드를 삽입하려했지만 home.html 파일에 무엇을 쓸지 모르겠다 !! 홈 탭 테마에서 집 버튼을 누르 자마자 나타나는 home.ts 내에 미리 정의 된 웹 페이지를 여는 기능이 필요합니다. 어떤 사람이 나를 도왔다면 고맙겠습니다.이온 InAppBrowser 통합을 어떻게 만들 수 있습니까?

+0

에 오신 것을 환영합니다 : 자세한 내용은

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/'); } } 

은 플러그인 설명서를 확인! 질문에 대한보다 나은 응답을 얻을 수 있도록 [How Minimal, Complete, Verifiable] (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 파일에 아무것도 포함 할 필요가 없습니다. 앱의 버튼을 사용하여 정적 웹 페이지를 열려고하는 경우에만 가능합니다.

그냥 플러그인과와 home.ts 파일의 기능을 포함한다 :

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

을이처럼 생성자에 InAppBrowser을 추가하여 함수를 선언 마침내

constructor(private iab: InAppBrowser) { } 

과 :

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

앱 시작시 정적 웹 페이지를 열려면 홈 페이지를로드 할 때마다 실행되는 ionViewDidLoad-function에 대한 openBrowser-dd 기능.

ionViewDidLoad(){ 
    this.openBrowser(); 
} 

그래서 최종 home.ts은 다음과 같이한다 : 스택 오버플로 click

+0

큰 도움을 주셔서 대단히 감사합니다. 이제 ios 인터페이스의 문제는 브라우저를 실행 한 후에 발생합니다 (완료 버튼이 없으므로 문서에 있었던 것을 적용하려했지만 불행하게도 할 수 없었습니다). inAppBrowser를 종료하고 기본 앱으로 돌아 오는 방법을 알고 있습니까? 다시 고마워요 :) –

+0

죄송합니다, 나는 그것을 시도 할 수있는 가능성이 없지만 그걸로 경험을 가지고있는 것처럼 내 코드에서 옵션을 선택하지 않고도 완료 버튼을 볼 수 있어야합니다. 화면의 엉덩이에 "완료"버튼이 있습니까? 내 이전 답변을 "수락"으로 표시하고 투표하는 것을 잊지 마세요 :) –