Angular2フォームがをonSubmit（）メソッド

Question

を実行するのではなく、送信されます私は、次の成分を有しますstuff（デバッグのために追加された）、フォームコンポーネントgetsロードされた（もちろん、私はフォーム自体を参照してください）。 preventDefault()のコールとreturn falseは、ログインボタンを押したときに実際に送信される（したがって、ページ全体がリロードされる）のを防ぐための私の試みです。また、フォームが塗りつぶされていない（したがって有効でない）場合でも、ログインボタンは無効になりません。

すでにtype="submit"の代わりに<button type="button">を使用しようとしましたが、onSubmit()メソッドは呼び出されません。 (ngsubmit)="onSubmit()"を(click)="onSubmit()"というボタンに移動すると、同じことが起こります（またはそれ以上のことは起こりません）。私は問題がどこか深いと考え始めます。このコンポーネントでさえも問題はありません。

私は迷ってもよいですか？私は2.0.0-rc.6を使用しています。

Answer 1

使用

<button type="button" (click)="onSubmit()" 

代わりの

<button type="submit" 

Answer 2

ギュンターの提案が動作しない@場合は、常にちょうど何が起こるかの制御を取ることができます。 (ngSubmit)="onSubmit()"を外し、<button>で、私はフォームを送信すると呼ばれるのdevのサーバーjson-server（https://github.com/typicode/json-server）へのREST呼び出しをやったことが、問題があった

<button (click)="onSubmit()"... 

Answer 3

行う - とアプリが使用して実行していた角度-CLIのng serveコマンド。 event.preventDefault()と書いているにもかかわらず、ページがリロードしていました！ （どんなに<form (ngSubmit)="onSubmit($event)">または<button (click)="onSubmit()">から来るならば！）

問題は、JSON-サーバーは非常にスマートであること、だったとあなたはそれが機能してみましょうJSONファイルを修正します！そして、これはng-serve-watcherを起動します - 私の提供されたjsonファイルがアプリケーションコード/assetsフォルダ内に存在するためです）;