[英]How to submit a form using angular 2 http post function using javascript?
我已经开始学习Angular2
但我想使用http.post()
向我的Web API提交表单,但我不能。
在组件中,您只需在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
:
document.addEventListener('DOMContentLoaded', function() {
ng.platform.browser.bootstrap(Cmp, [ ng.http.HTTP_PROVIDERS]);
});
这是相应的plunkr: https ://plnkr.co/edit/Fl2pbKxBSWFOakgIFKaf ? p = preview。
希望它对你有帮助,蒂埃里
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.