如何使用javascript提交使用angular 2 http post功能的表单?

时间:2016-01-29 15:47:13

标签: javascript angular angular2-http

我已开始学习Angular2,但我想使用http.post()向我的网络API提交表单,但我不能。

1 个答案:

答案 0 :(得分:11)

在组件中,您只需在var myXl = Process.Start("excel.exe"); 事件上附加一个侦听器,并利用submit对象执行HTTP请求。此对象先前已注入组件的构造函数中。

http

您需要在引导应用程序时添加var Cmp = ng.core. Component({ selector: 'cmp' template: ` <form (submit)="submitForm()"> <input [(ngModel)]="element.name"/> <button type="submit">Submit the form</button> </form> ` }). Class({ constructor: [ ng.http.Http, function(http) { this.http = http; }], submitForm: function() { var headers = new ng.http.Headers(); headers.append('Content-Type', 'application/json'); this.http.post('http://...', JSON.stringify(this.element), { headers: headers }).subscribe(function(data) { console.log('received response'); }); } });

HTTP_PROVIDERS

这是相应的plunkr:https://plnkr.co/edit/Fl2pbKxBSWFOakgIFKaf?p=preview

希望它可以帮到你, 亨利