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

Question

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

您不能简单地将应用作为操作网址<form method="GET" action="http://myangular2app.com/search;"> <input name="q"> <input type="submit" value="Go"> </form> ，因为Angular 2使用“矩阵网址表示法”，浏览器会将表单字段添加为常规参数（？=，＆amp; =）。

例如，假设URL是Angular 2应用程序，则此方法不起作用：

http://myangular2app.com/search;?q=mysearch

当需要http://myangular2app.com/search;q=mysearch（无问号）时，浏览器会导航到for { i <- 0 until 100 j <- i+1 until 100 } yield (i,j) 这样的网址。

Answer 1

您可以使用PY_VAR0指令

来使用双向绑定

ngModel

您需要导入forms modules才能使用双向绑定;以及请求的Http模块：

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

用于通话：

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

如果您是Angular2的新用户，我建议您花一点时间查看Angular2 tutorial 'Tour of Heroes'

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