2017-11-01 21 views
1

Ionic2 프로젝트. typescript에서 InAppBrowser를 사용했고 webview는 tomcat 서버를 기반으로합니다. 외부 자바 스크립트 함수에서 typescript funtion을 호출하려고합니다. 어떻게 그 함수를 호출 할 수 있습니까? 내 코드 아래에 있습니다.외부 자바 스크립트 함수에서 typescript 함수를 호출하는 방법

import { Component, ViewChild, ElementRef } from '@angular/core'; 
import { NavController, Content } from 'ionic-angular'; 
import { InAppBrowser } from '@ionic-native/in-app-browser'; 
import * as $ from 'jquery'; 

@Component({ 
selector: 'page-home', 
templateUrl: 'home.html' 
}) 
export class HomePage { 
@ViewChild(Content) content: Content; 

constructor(public navCtrl: NavController, private iab: InAppBrowser, 
private elementRef : ElementRef) { 

var ref = window.open(url, '_self', 'location=yes'); 

} 

} 

function getGPS(e):string { //the function returns a string 

    return "client getGPS func" ; 
} 

자바 스크립트 함수에서 getGPS 함수를 호출하려고합니다. 이것은 내 자바 스크립트 코드입니다.

umn2={ 
    getGPS: function(){ 
     document.getElementById("resultArea").value = //that is client part 
    } 
}; 

해결 방법을 알려주십시오. 고맙습니다.

+0

[JavaScript에서 TypeScript 코드를 올바르게 호출] 가능한 복제본 (https://stackoverflow.com/questions/26427722/calling-properly-typescript-code-from-javascript) –

답변

0

먼저 TypeScript를 Javascript로 컴파일해야합니다. 그래서 첫 번째 단계는 그것을 확인하는 것입니다.

둘째로 getGPS 기능을 두 가지로 구현했습니다. 하나가 umn2 개체에 정의되어 있고 다른 하나는 Typescript 코드에 정의되어 있습니다. 외부에서 가져 오기/사용할 수 있도록 typescript 모듈에서 내 보내야한다고 생각합니다.