輸入框不顯示在角

我是新角度。我在Visual Studio Code中工作。輸入框不顯示在角

我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 = ''; 
}

我的問題是，在輸入框中沒有在顯示瀏覽器http://localhost:4200/

來源

2017-10-08 Boidurja Talukdar

你缺少FormsModule導入模塊：

 import { FormsModule } from '@angular/forms'; 

@NgModule({ 
    imports: [ 
     ... 
     FormsModule, 
     ... 
    ], 
    declarations: [ 
     ... 
     ProfileListComponent, 
     ... 
    ] 
})

NgModel指令是FormsModule的一部分，因此需要導入它。你可以在這裏閱讀更多關於NgModel指令。

爲前：跟隨鏈接angular form

來源

2017-10-08 11:30:57

它給這個錯誤： –

無法編譯。 C：/Users/Dell/my-first-app/src/app/app.module.ts（14,5）：找不到名字'ProfileListComponent'。 –

@Boidurja ProfileListComponent是Shashi代碼的示例，因此您不需要添加ProfileListComponent ...添加組件並將FormsModule導入模塊文件 – Chandru

輸入框不顯示在角

回答

相關問題