更新到rc4后，Angular 2 - ngModel在<form>中不起作用

Question

我刚刚对RC4做了更新;然而，许多事情停止了工作，下面工作正常。 现在，除非您删除其中一个，否则ngModel无法在内部工作。

page.js

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

page.html中

   <form (ngSubmit)="submitForm()">
        <ion-list radio-group  [(ngModel)]="content" name="ionListGroup">
        </ion-list>
   </form>

当我点击打开page.html时，没有任何反应，但我看到了：

  *It looks like you're using the old forms module. This will be opt-in in the next RC, and
  will eventually be removed in favor of the new forms module. For more information, see:
  https://docs.google.com/document/u/1/d/1RIezQqE4aEhBRmArIAS1mRIZtWFf6JxN_7B4meyWK0Y/pub

我已经做了一些调试，我已经看到，如果我删除[(ngModel)]="content"或<form>标记，一切正常，但我无法删除其中任何一个，因为我需要它们。

Answer 1

1。在app.module.ts文件

中包含表单模块到NgModule

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

    @MgModule({
    imports: [
        ...
        FormsModule,
        ...
    ])}

2。不要忘记为输入元素

命名

    <input mdInput type="text" [(ngModel)]="username" placeholder="User Name" name="first" required>

Answer 2

从错误消息中提到的文档。您需要以下步骤

import {disableDeprecatedForms, provideForms} from '@angular/forms';
bootstrap(AppComponent, [
    disableDeprecatedForms()
    provideForms()
])