Angular2中的地址组件

时间:2017-10-08 10:53:32

标签: angular angular-reactive-forms

我有一个angular2组件,其中包含一个包含两个地址的重新发送表单:帐单邮寄地址和货件地址。我想重用表单的地址部分,所以我想创建一个包含地址字段(街道,邮政编码,国家/地区......)的组件,可以以其他形式重复使用。

我的问题是,我没有找到如何将FormGroup的部分放入其他组件的示例。有没有这方面的例子?

this.myForm = this._formBuilder.group({
    'salutation': [''],
    'title': [''],
    'firstname': ['', Validators.required],
    'lastname': ['', Validators.required],

     // address for shipment
    'name2': [''],
    'street': ['', Validators.required],
    'streetnumber': [''],
    'zipcode': [''],
    'city': ['', Validators.required],
    'country': ['', Validators.required],

    // address for billing
    'billingname2': [''],
    'billingstreet': ['', Validators.required],
    'billingstreetnumber': [''],
    'billingzipcode': [''],
    'billingcity': ['', Validators.required],
    'billingcountry': ['', Validators.required],

});

0 个答案:

没有答案