AngularJS、入力テキストボックスでも私はいくつかの基本的なデフォルトのボイラープレートコードを実行している

Question

を示していないと私は、このファイルを編集した：

app.component.html

<input type="text" [(ngModel)]="name"> 
    <p> {{name}} </p> 

app.component。 ts

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

@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    styleUrls: ['./app.component.css'] 
}) 
export class AppComponent { 
    name = ''; 
} 

しかし、これは文字通り何もしません。空白のページしかありません。私は間違って何をしていますか？ FormsModuleに含まngModelディレクティブは、あなたがあなたのAppModuleのimportsメタデータオプション内でそのモジュールをインポートして追加する必要がありますので、これは

Answer 1

ので、基本的なようです。

コード

import { NgModule }  from '@angular/core'; 
import { FormsModule }  from '@angular/forms'; //<-- FormsModule import 
import { BrowserModule } from '@angular/platform-browser'; 
import { AppComponent } from './app.component'; 

@NgModule({ 
    imports:  [ BrowserModule, FormsModule ], //<-- added FormsModule to imports option 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { } 

Demo Here