disableDeprecatedForms（）が動作していません

Question

私はいくつかのフォームがある角度2のアプリケーションを作成しています。私は新しいフォームを使用しようとしていますが、私はできません。私は次のように私のブートストラップファイルを持っている：何が起こっている

import {bootstrap} from '@angular/platform-browser-dynamic'; 
import { disableDeprecatedForms, provideForms } from '@angular/forms'; 
import { HTTP_PROVIDERS } from '@angular/http'; 
import { Type } from '@angular/core'; 

import { AppComponent } from './app.component'; 
import { APP_ROUTER_PROVIDERS } from './app.routes'; 
import { ServerGetService } from 'POC/services/server-communication.service'; 


bootstrap(<Type>AppComponent, [ 
    APP_ROUTER_PROVIDERS, 
    ServerGetService, 
    HTTP_PROVIDERS, 
    disableDeprecatedForms(), 
    provideForms() 
]) 
.catch((err: any) => console.error(err)); 

は（しかも、私は私のフォームは二回提出した、私はまだ私は非推奨のフォームを使用していますことを私に言って、警告メッセージを取得することで、私は非推奨で一度信じていますフォームと新しいものによって）。

provideForms()を削除すると（警告付き）、フォームは1回だけ送信されます。

私はと私のテンプレートを持っている：

<div id="global-settings-popup"> 
    <form #globalSettingsForm="ngForm" (ngSubmit)="onSubmit()"> 
    <fieldset class="my-fieldset"> 
     <legend class="my-fieldset__title">Sample</legend> 
     <div class="my-field"> 
     <label class="my-field__label" for="mode">Mode</label> 
     <div class="my-field__content"> 
      input type="text" class="my-field__input field_input--medium" [(ngModel)]="mysample.prefix" name="prefix" id="prefix"/> 
     </div> 
     </div> 
    </fieldset> 
    <div class="form-popup__footer"> 
     <button type="submit" class="my-button my-button--primary">OK</button> 
    </div> 
    </form> 
</div> 

、私のコンポーネントで、私は私が何をしないのです提出ロジックに

を扱うonSubmit()がありますか？

Answer 1

名前属性をフォームのフィールドに追加して、値を割り当てます。それは私と一緒に働いています。下記のコードで 'name'属性を確認してください。

<input class="form-control" [(ngModel)]="user.email" placeholder="User Name" type="text" autofocus name='usr' required>