Angular-Electron WebView не загружает все функции веб-сайта

Question

Я пытаюсь использовать WebView в своем настольном приложении (которое разработано Election with Angular). Когда я загружаю окно, я могу отобразить WebView, но после входа в контент WebView на веб-сайте все остальные функции не работают.

Примечание. Веб-сайт разработан с использованием тимилифа.

Я попробовал, как показано ниже:

<webview id="mainwebview" nodeintegration='on' src="https://tarc-uat.gfcp.io/"
  style=" width:100%; height:calc(100vh - 11vw)"  partition="persist:sitesession" disablewebsecurity="on" webpreferences="allowRunningInsecureContent" >
  <div class="indicator"> </div>
</webview>

и сценарий:

onload = () => {
    const webv = document.getElementById('mainwebview')
    window.addEventListener('load', () => {
      webv.addEventListener('dom-ready', () => {
      });
    })
  }

Answer 1

после всех приятных испытаний я нашел решение, которое работает нормально для меня, и все функции работают нормально на веб-сайте. Ниже приведено решение

<webview id="mainwebview" attr.src="{{url}}" style=" width:100%; height:calc(100vh - 11vw)"> </webview>

, а затем загрузите ваш URL-адрес из углового компонента, как показано ниже

  export class WebviewComponent implements OnInit {
  public url = 'https://tarc-uat.gfcp.io/';
  constructor() { }
  ngOnInit() {

  }
}

ПРИМЕЧАНИЕ. Перед этим вам необходимо импортировать «NO_ERRORS_SCHEMA» вугловой app.module для поддержки элемента webview и импорта в схемах @NgModule, как показано ниже

import { NgModule, ErrorHandler,NO_ERRORS_SCHEMA } from '@angular/core';

 schemas: [
      CUSTOM_ELEMENTS_SCHEMA,
      NO_ERRORS_SCHEMA
    ]

Вот и все, и вам не нужен скрипт onload, если вы будете следовать этому.