将表单提交到Angular 2应用程序

Question

将表单提交到Angular 2应用程序的最佳方式是什么？即从一个非角度的网站，到一个Angular应用程序？

你不能简单地把应用程序的操作URL与method="GET"为角2个使用“矩阵网址符号”，浏览器将添加表单字段作为常规PARAMS（？=，= &）。

例如这种方法行不通，假设URL是一个角2应用：

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

浏览器将导航到一个URL像http://myangular2app.com/search;?q=mysearch当它需要http://myangular2app.com/search;q=mysearch（没有问号）。

Answer 1

您可以利用双向与使用ngModel指令结合

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

您需要导入forms modules利用双向绑定;以及对请求的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'

这引导您创建一个简单的Web应用程序，其中涉及（除其他外）形式，数据绑定和HTTP请求