Установка ngModel во входном теге останавливает отображение проекта в браузере.

Question

Я пытаюсь использовать ngModel для получения текста из текстового поля. Я импортировал FormsModule так, как мне кажется, я должен, однако, каждый раз, когда я вставляю [(ngModel)] = "name" во входной тег он не позволяет моему проекту отображаться в браузере (проект полностью исчезает)

Я пытаюсь следовать руководству по получению текста из элементов управления формы для последующего использования в вызове API, но пока я застрял на первая часть этого: / Это учебник, которому я следую: https://www.youtube.com/watch?v=3ZkGUI6KNHY

Любая помощь или идеи о том, что я делаю неправильно?

Версии : NPM: 6.9.0 Узел: 10.16.3

manual-enter-details.component.ts

import { Component, OnInit, EventEmitter, Output, NgModule } from '@angular/core';
import { HttpClientModule} from '@angular/common/http';
import { AppComponent } from '../app.component';
import {FormsModule} from '@angular/forms';

@NgModule({
  imports: [
    HttpClientModule,
    FormsModule
  ]
})

@Component({
  selector: 'app-manual-enter-details',
  templateUrl: './manual-enter-details.component.html',
  styleUrls: ['./manual-enter-details.component.css']
})

manual-enter-detials.component. html

<div id="Container">
        <br />
        <div id="InnerContainer">
<H3>Please enter your details</H3>

<label>Name: </label>
<input type="text" name="TxtBxName" [(ngModel)]="name" >


<br />
<br />
<label>Mobile: </label>
<input type="text" name="TxtBxMobile">
<br />
<br />
<br />
<div id = "button">
    <button type="button" class= "btn" (click)="ConfirmClick()" >
            Confirm
    </button>
  </div>
</div>
</div>

app.component. html

<style type="text/css">
  #Container {
      background-image: url('src\app\background.jpg') no-repeat center center fixed;
  }
  </style>

<div id="Container">
  <app-begin *ngIf="ShowBegin" (BeginEmitter)="BeginClick($event)"></app-begin>
  <app-building-pass-tap *ngIf="ShowBuildingPassTap" (ForgotCardEmitter)="ForgotCardClick($event)"></app-building-pass-tap> 
  <BR />
  <app-identity-confirm *ngIf="ShowIdentityConfirm"></app-identity-confirm>
  <BR />
  <app-manual-enter-details *ngIf="ShowManualEnterDetails" (ConfirmEmitter)="ConfirmClick($event)"></app-manual-enter-details>
  <BR />
  <app-thank-you *ngIf="ShowThankYou"></app-thank-you>
  <BR />
  <app-cancel *ngIf="ShowCancel" (CancelEmitter)="CancelClick($event)"></app-cancel>
  <BR />
  <app-finished *ngIf="ShowFinished" (FinishEmitter)="FinishClick($event)"></app-finished>
</div>