typescript 双向数据绑定。 （*注意：为了能够使用'ngModel'，需要将formsModule（来自@ angular / forms）添加到您的imports []数组

Posted 2021-05-21

<h2>{{title}}</h2>
<input type="text" [(ngModel)]="fname">
<input type="text" [(ngModel)]="lname">
Name: {{fname}} {{lname}}

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule }   from '@angular/forms'; // import Forms Module

// Components
import { AppComponent } from './app.component'; // Root component

@NgModule({
  declarations: [
    AppComponent, // Root component
  ],
  imports: [
    BrowserModule,
    FormsModule // Added Forms Module
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

import { Component } from '@angular/core';

@Component({
  selector: 'my-tutorials',
  template: './tutorials.component.html',
  styleUrls: ['./tutorials.component.css']
})

export class TutorialsComponent(
  public title: string = "Angular Tutorial";
  public fname;
  public lname;
)