2016-12-17 26 views
13

में फॉर्म डेटा कैसे प्राप्त करें मेरे पास मेरे कोणीय 2 प्रोजेक्ट में एक फॉर्म है।कोणीय 2

मुझे पता है कि एपीआई से डेटा कैसे प्राप्त करें। लेकिन वहां नहीं है कि वहां एक सीआरयूडी ऑपरेशन कैसे करें।

किसी को भी मुझे कैसे PHP/किसी भी अन्य भाषा में एक वेब सेवा करने के लिए JSON प्रारूप में प्रपत्र डेटा भेजने के लिए पर सरल कोड के साथ मदद कर सकते हैं ...

मदद की सराहना की जाएगी। धन्यवाद

+0

इस लिंक को जांचें ... http://stackoverflow.com/questions/41154319/how-to-post-json-object-with-http-post-angular-2-php-server-side –

+0

@AmitSuhag, मैं जानना चाहता हूं कि दोनों क्लिक ईवेंट और सबमिट विधि द्वारा फॉर्म डेटा को कैसे बाध्य करना है। और फिर इसे कैसे स्ट्रिंग करें। क्या आप मुझे पूरे पैकेज समाधान के साथ मदद कर सकते हैं ... यह मेरे लिए बहुत उपयोगी होगा ... –

उत्तर

22

कोणीय 2 + हम रूपों को संभालने के दो तरीके:

  • खाका चालित
  • रिएक्टिव

यहाँ मैं सरल टेम्प्लेट संचालित रूपों के लिए कोड साझा कर रहा हूँ। आप इसे प्रतिक्रियाशील रूपों का उपयोग कर तो इस लिंक पर जाँच करते हैं चाहते हैं: अब आपके registration.ts

<form #signupForm="ngForm" (ngSubmit)="registerUser(signupForm)"> 
    <label for="email">Email</label> 
    <input type="text" name="email" id="email" ngModel> 

    <label for="password">Password</label> 
    <input type="password" name="password" id="password" ngModel> 

    <button type="submit">Sign Up</button> 
</form> 

: Angular2 reactive form confirm equality of values

आपका मॉड्यूल फ़ाइल इन होना चाहिए:

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic' 
import { ReactiveFormsModule, FormsModule } from '@angular/forms'; 
import { MyApp } from './components' 

@NgModule({ 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    ReactiveFormsModule 
    ], 
    declarations: [MyApp], 
    bootstrap: [MyApp] 
}) 
export class MyAppModule { 

} 

platformBrowserDynamic().bootstrapModule(MyAppModule) 

सरल पंजीकरण html फ़ाइल फ़ाइल इस तरह होनी चाहिए:

import { Component } from '@angular/core'; 
import { NgForm } from '@angular/forms'; 

@Component({ 
    selector: 'register-form', 
    templateUrl: 'app/register-form.component.html', 
}) 
export class RegisterForm { 
    registerUser(form: NgForm) { 
    console.log(form.value); 
    // {email: '...', password: '...'} 
    // ... <-- now use JSON.stringify() to convert form values to json. 
    } 
} 

इस डेटा को संभालने के लिए सर्वर पक्ष पर इस लिंक का उपयोग करें: How to post json object with Http.post (Angular 2) (php server side)। मुझे लगता है कि यह पर्याप्त से अधिक है।

+0

बहुत बढ़िया! इस पर मदद के लिए बहुत बहुत धन्यवाद –