अंगुलर 2 ऐप के अंदर इलेक्ट्रॉन का<webview> कैसे उपयोग करें?




angular attributes (2)

यह अजीब है। ऐसा लगता है कि आपके पास संस्करण संस्करण है। आप इसके बजाय loadUrl API का उपयोग करने की कोशिश कर सकते हैं और देखें कि क्या यह मदद करता है

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

मैं अपने Angular2 ऐप के अंदर इलेवनॉन का वेबदृश्य टैग का उपयोग करने की कोशिश करता हूं, लेकिन जब मैं एक एन्जाुलर 2 चर में एसआईटीटी विशेषता जोड़ता हूं, तो निम्न त्रुटि आती है:

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

यह Angular2 घटक टेम्प्लेट है I (चाहते हैं) में webview का उपयोग करें:

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

मैं Angular2 के लिए वेबदृश्य तत्व कैसे पेश करूं?


यदि ऐसा प्रतीत होता है, तो "एट्रर" का उपयोग करें इससे पहले

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