Angular2 앱에서 Electron의 <webview>을 사용하는 방법은 무엇입니까?

나는 나의 Angular2 응용 프로그램 내에서 Electon's webview tag을 사용하려고하지만, 내가 Angular2 변수에 바인더 제본 src 속성을 추가 할 때, 다음과 같은 오류가 발생합니다Angular2 앱에서 Electron의 <webview>을 사용하는 방법은 무엇입니까?

<head> 
    <!-- cut out stylings, metatags, etc. --> 
    <script src="../node_modules/zone.js/dist/zone.js"></script> 
    <script src="../node_modules/reflect-metadata/Reflect.js"></script> 
    <script src="../node_modules/systemjs/dist/system.src.js"></script> 
    <script src="systemjs.config.js"></script> 
    <script> 
     const electron = require('electron'); 
     System.import('app').catch(function(err){ console.error(err); }); 
    </script> 
</head> 
<body> 
    <MainComponent>Loading...</MainComponent> 
</body>

Can't bind to 'src' since it isn't a known native property

이것은 index.html을하다 이것은 Angular2 구성 요소 템플릿 내가에서 웹뷰를 사용하는 (할)되어

(function(global) { 
// map tells the System loader where to look for things 
var map = { 
    'app':      'angular', 
    '@angular':     '../node_modules/@angular', 
    'angular2-in-memory-web-api': '../node_modules/angular2-in-memory-web-api', 
    'rxjs':      '../node_modules/rxjs' 
}; 
// packages tells the System loader how to load when no filename and/or no extension 
var packages = { 
    'app':      { main: 'main.js', defaultExtension: 'js' }, 
    'rxjs':      { defaultExtension: 'js' }, 
    'angular2-in-memory-web-api': { defaultExtension: 'js' } 
}; 
var ngPackageNames = [ 
    'common', 
    'compiler', 
    'core', 
    'http', 
    'platform-browser', 
    'platform-browser-dynamic', 
    'router', 
    'router-deprecated', 
    'upgrade' 
]; 
// Add package entries for angular packages 
ngPackageNames.forEach(function(pkgName) { 
    packages['@angular/'+pkgName] = { main: pkgName + '.umd.js', defaultExtension: 'js' }; 
}); 
var config = { 
    map: map, 
    packages: packages 
}; 
System.config(config); 
})(this);

이것은 systemjs.config.js입니다

<div class="stage-component component"> 
    <webview *ngIf="iFrameUrl" src="{{iFrameUrl}}"></webview> 
</div>

어떻게 Angular2에 webview 요소를 도입 할 수 있습니까?

출처

2016-06-13 Sommereder

전자, HTML 버전의 스 니펫을 어떻게 제공 할 수 있습니까? –

질문 세부 사항을 업데이트했습니다. – Sommereder

이 경우 앞에 "attr"을 사용하십시오.

<webview *ngIf="iFrameUrl" attr.src="{{iFrameUrl}}"></webview>

출처

2016-06-14 10:10:38 Sommereder

이상합니다. 어쩌면 버전 문제가있는 것 같습니다. 대신 loadUrl API를 사용하여 도움이되는지 확인할 수 있습니다.

<script> 
    onload =() => { 
    const webview = document.getElementById('foo'); 
    webview.loadUrl('http://example.com') 
</script>

출처

2016-06-13 15:24:42

나는 이것이 작동 할 것이라고 확신하지만 webview는 Angular2 app :-(일부분이어야한다. – Sommereder

Angular2 앱에서 Electron의 <webview>을 사용하는 방법은 무엇입니까?

답변

관련 문제