webview - angular electron
¿Cómo usar la<webview> de Electron dentro de la aplicación Angular2? (2)
Eso es extraño. Parece que quizás tengas un problema de versión. Puede intentar usar la API loadUrl lugar y ver si eso ayuda.
<script>
onload = () => {
const webview = document.getElementById(''foo'');
webview.loadUrl(''http://example.com'')
</script>
Intento usar la etiqueta de vista web de Electon dentro de mi aplicación Angular2, pero cuando agrego el atributo src enlazado a una variable Angular2, aparece el siguiente error:
Can''t bind to ''src'' since it isn''t a known native property
Este es el 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>
Este es el 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);
Esta es la plantilla de componente Angular2 que quiero (quiero) usar webview en:
<div class="stage-component component">
<webview *ngIf="iFrameUrl" src="{{iFrameUrl}}"></webview>
</div>
¿Cómo puedo presentar el elemento webview en Angular2?
Si esto aparece, use "attr" antes.
<webview *ngIf="iFrameUrl" attr.src="{{iFrameUrl}}"></webview>