двухсторонняя Привязка данных Угловое 2 в Electron не работает

Question

Я использовал электронно-кузницу, чтобы создать новый электронный проект, использующий угловой 2

npm install -g electron-forge electron-forge init -t angular2

Затем я добавил @angular/forms

yarn add @angular/forms

Затем я отредактировал файл app.components.ts, чтобы он выглядел следующим образом:

import { NgModule } from '@angular/core'; 
import {FormsModule} from '@angular/forms'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { Component, OnInit } from '@angular/core'; 

@Component({ 
    selector: 'App', 
    template: 
    `<div> 
    <h2>Welcome to {{name}} Angular2!</h2> 
    {{name}} 
    <input [(ngModel)] = "name"> 
    </div>` 
}) 
export class AppComponent implements OnInit { 
    public name = 'electron-forge'; 

    ngOnInit(): void { 
    console.log('component initialized'); 
    } 
} 

@NgModule({ 
    imports: [BrowserModule, FormsModule], 
    declarations: [AppComponent], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

Двухсторонняя переписка не работает ... когда я меняю текст в своем элементе управления ввода, имя не меняется

Что мне не хватает?

Answer 1

Я понял, что проблема.

Мне пришлось загружать zone.js и отражать метаданные в index.html вместо bootstrap.ts. Поэтому, когда я это сделал

<script src="../node_modules/zone.js/dist/zone.js"></script> 
    <script src="../node_modules/reflect-metadata/Reflect.js"></script> 
    <script src="bootstrap.ts"></script> 

Это сработало. Я должен был удалить этот

import 'zone.js'; 
import 'reflect-metadata'; 

От bootstrap.ts