기본 스크립트에서 webview로 파일을로드하는 방법

Question

로컬 스크립트에서 webview html 콘텐츠를로드하고 설정하기위한 로컬 웹 페이지 콘텐츠를 가져 오는 방법을 알아 내려고 노력했습니다. 나는 성공적으로 시뮬레이터에서 작동하도록 만들었지 만, 장치에서 작동하지 않는 것 같습니다. 내가 봤 거든 대부분의 사람들은 내 애플 리케이션의 '문서'디렉토리에서 내 HTML 파일을 찾을 필요가 있다고 말하고 있지만 내가 볼 수있는 한 거기에 내가 거기에 필요한 파일을 얻을 수있는 방법은 없습니다. 앱. 누구든지 런타임시 배포 또는 복사 할 때 응용 프로그램의 문서 폴더에있는 파일을 가져 오는 방법에 대해 알 수 있습니다. 감사합니다

var createViewModel = require("./main-view-model").createViewModel; 
var orientationModule = require("nativescript-screen-orientation"); 
var fs = require("file-system"); 

var webViewInterfaceModule = require('nativescript-webview-interface'); 
var oWebViewInterface; 
var page; 

function pageLoaded(){ 
    setupWebViewInterface(page); 
    // orientationModule.setCurrentOrientation("landscape", function(){  
    //  //console.log("landscape orientation set"); 
    // }); 
} 

// Initializes plugin with a webView 
function setupWebViewInterface(page){ 
    var webView = page.getViewById('webView'); 
    var documents = fs.knownFolders; 

    oWebViewInterface = new webViewInterfaceModule.WebViewInterface(webView, documents.currentApp().path + '/htllo/index.html'); 
} 

function navigatingTo(args) { 
    page = args.object; 
    page.bindingContext = createViewModel(); 
} 

exports.pageLoad  = pageLoaded; 
exports.navigatingTo = navigatingTo; 

Answer 1

다음은 로컬 파일에서 WebView src을 추가하는 방법의 예입니다. 이 예에서는 nativescript-webview-interface 플러그인이있는 경우와없는 경우가 모두 표시되었습니다. ~/은 app 폴더의 경로를 반환합니다.

메인에서 page.xml

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo" loaded="onLoaded"> 
    <GridLayout rows="150 *" columns="*"> 
     <WebView row="0" col="0" id="WebViewId"/> 
     <WebView row="1" col="0" id="WebViewId2"/> 
    </GridLayout> 
</Page> 

메인 page.ts

import { EventData } from 'data/observable'; 
import { Page } from 'ui/page'; 
import { HelloWorldModel } from './main-view-model'; 
var webViewInterfaceModule = require("nativescript-webview-interface"); 
import {WebView} from "ui/web-view"; 

var oWebViewInterface; 
export function onLoaded(args: EventData) { 
    let page = <Page>args.object; 
    var webView:WebView = <WebView>page.getViewById('WebViewId'); 
    oWebViewInterface = new webViewInterfaceModule.WebViewInterface(webView, '~/index.html'); 
    var SecondWebView:WebView = <WebView>page.getViewById('WebViewId2'); 
    SecondWebView.src="~/secondpage.html" 
    page.bindingContext = new HelloWorldModel(); 
}