कोणीय 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)। मुझे लगता है कि यह पर्याप्त से अधिक है।
स्रोत
2016-12-17 07:28:19
इस लिंक को जांचें ... http://stackoverflow.com/questions/41154319/how-to-post-json-object-with-http-post-angular-2-php-server-side –
@AmitSuhag, मैं जानना चाहता हूं कि दोनों क्लिक ईवेंट और सबमिट विधि द्वारा फॉर्म डेटा को कैसे बाध्य करना है। और फिर इसे कैसे स्ट्रिंग करें। क्या आप मुझे पूरे पैकेज समाधान के साथ मदद कर सकते हैं ... यह मेरे लिए बहुत उपयोगी होगा ... –