角度2 - ngModelはrc4にアップデートした後で<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>タグを削除した場合、すべてがうまく動作することがわかりましたが、私はca私はそれらの両方が必要なので、それらのいずれかを削除しないでください。

Answer 1

エラーメッセージに記載されているドキュメントから。あなたはapp.module.tsにNgModuleにフォームモジュールを含める

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

Answer 2

1.次のステップを必要とすることは、入力要素

に名前を与えることを忘れてはいけない

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

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

2.ファイル

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