2016-12-17 45 views
13

Açısal 2 Projemde bir formum var.Angular 2 Form Verileri Nasıl Alınır

Verileri API'dan nasıl alacağımı biliyorum. Ama orada bir CRUD işlemini nasıl gerçekleştireceğini bilmiyorum.

herkes

Yardım takdir edilecektir ... PHP/Başka Dilde bir Web hizmetine JSON biçiminde form verilerini Gönder Nasıl basit kodları ile bana yardımcı olabilir. Eğik 2+ olarak teşekkür

+0

bu bağlantıyı kontrol edin ... http://stackoverflow.com/questions/41154319/how-to-post-json-object-with-http-post-angular-2-php-server-side –

+0

@AmitSuhag, Form verilerini hem click olayı hem de onSubmit yöntemi ile nasıl bağlayacağımı bilmek istiyorum. Ve sonra nasıl dizilir. Bütün bir paket çözümü için bana yardımcı olabilir misiniz ... Benim için çok yararlı olacak ... –

cevap

22

biz formları iki yol işlemek:

  • Şablon temelli
  • Reaktif

Burada basit şablon odaklı formlar için kod paylaşıyorum. Eğer o zaman bu bağlantıyı kontrol reaktif formları kullanarak yapmak isterseniz: Angular2 reactive form confirm equality of values

Kişisel modül dosyası bu olmalıdır:

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) 

Basit kayıt html dosyası:

<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> 

Şimdi registration.ts dosya şöyle olmalıdır:

Bu verileri işlemek için Sunucu tarafında bu bağlantıyı kullanın: How to post json object with Http.post (Angular 2) (php server side). Bence bu yeterli değil.

+0

Awesome! Bu konuda yardım için çok teşekkürler –