Angular 2 Appにフォームを送信する

Question

Angular 2アプリにフォームを送信する最良の方法は何ですか？私。角度のないウェブサイトからAngularアプリまで

Angler 2が「行列URL表記」を使用するため、ブラウザには通常のパラメータ（？=、& =）としてフォームフィールドが追加されるため、アプリケーションにはmethod="GET"のアクションURLを単に入力することはできません。それはhttp://myangular2app.com/search;q=mysearch（ノークエスチョンマーク）する必要がある場合

<form method="GET" action="http://myangular2app.com/search;"> 
    <input name="q"> 
    <input type="submit" value="Go"> 
</form> 

ブラウザはhttp://myangular2app.com/search;?q=mysearchのようなURLにナビゲートします：

は、例えば、このアプローチは、URLと仮定すると角度2のアプリで、動作しません。

Answer 1

あなたは、双方向バインディングを利用するforms modulesをインポートする必要がありますngModelディレクティブ

<input name="q" [(ngModel)]='name'> 

を使用して結合双方向を利用することができます。だけでなく、要求のためのHTTPモジュール：

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

コールのためにこれを使用します。

this.http.get("http://myangular2app.com/search;q="+mysearch) 

---

あなたはAngular2に新しいしている場合、私はあなたが見て少し時間を過ごす推薦Angular2 tutorial 'Tour of Heroes'

フォーム、データバインディング、HTTPリクエストなどの簡単なWebアプリケーションを作成します。