start - Angular2 앱에서 Electron의<webview>를 사용하려면 어떻게해야하나요?




run electron (2)

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

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

내 Angular2 응용 프로그램 내에서 Electon의 webview 태그 를 사용하려고하지만 Angular2 변수에 바인드 된 src 특성을 추가하면 다음 오류가 발생합니다.

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

이것은 index.html입니다 :

<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>

이것이 systemjs.config.js입니다.

(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);

이것은 (내가) webview를 사용하고자하는 Angular2 컴포넌트 템플릿입니다.

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

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


이것이 나타나면 이전에 "attr"을 사용하십시오.

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