Opt-In APIs
在我们深入了解任何表单的功能之前,我们需要使用FormsModule
和/或ReactiveFormsModule
引导我们的应用程序。
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'
import { FormsModule } from '@angular/forms';
import { AppComponent } from './components'
@NgModule({
imports: [
BrowserModule,
FormsModule,
],
declarations: [AppComponent],
bootstrap: [AppComponent]
})
export class AppModule {
}
platformBrowserDynamic().bootstrapModule(AppModule)
Input 标签
大多数表单示例使用以下HTML5样式来标记Input:
<label for="name">Name</label>
<input type="text" name="username" id="name">
Angular 2也支持替代HTML5风格,这排除了在`` 上的id
的必要性:
<label>
Name
<input type="text" name="username">
</label>
下一节:在Angular 2中构建表单最直接的方法是利用为您提供的指令。