जावास्क्रिप्ट का उपयोग कर कोणीय 2 http पोस्ट फ़ंक्शन का उपयोग करके फ़ॉर्म कैसे सबमिट करें?

Question

मैंने Angular2 सीखना शुरू कर दिया है, लेकिन मैं अपने वेब एपीआई में http.post() का उपयोग कर एक फॉर्म जमा करना चाहता हूं लेकिन मैं नहीं कर सकता।

Answer 1

अपने घटक के भीतर, आपको बस 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'); 
     }); 
    } 
    }); 

आप जब अपने आवेदन bootstrapping HTTP_PROVIDERS जोड़ने की जरूरत: https://plnkr.co/edit/Fl2pbKxBSWFOakgIFKaf?p=preview:

document.addEventListener('DOMContentLoaded', function() { 
    ng.platform.browser.bootstrap(Cmp, [ ng.http.HTTP_PROVIDERS]); 
}); 

यहाँ इसी plunkr है।

आशा है कि यह आप में मदद करता है, थियरी