2016-07-18 18 views
3

私はAngular 2フォームに問題があります。プロジェクトにいくつかのフォームを実装しました。 、私は私の角度CLIから取得し、エラー: Type 'FormGroup' is not assignable to type 'typeof FormGroup'.角度2 RC-4フォーム、タイプ 'FormGroup'は 'typeof FormGroup'タイプに割り当てられません

誰でもこのと会いましたか?ここで

は私のコンポーネントのコードです:

import { Component } from '@angular/core'; 
import {AngularFire} from "angularfire2/angularfire2"; 

import {DataService} from "../../shared/data.service"; 
import {FormGroup, FormBuilder, Validators} from "@angular/forms"; 

@Component({ 
    moduleId: module.id, 
    selector: 'tm-address-book', 
    templateUrl: 'address-book.component.html', 
    styleUrls: ['address-book.component.css'], 
    providers: [DataService] 
}) 
export class AddressBookComponent {myAddressForm = FormGroup; 
addressbook: Array<any>; 

constructor(private af: AngularFire, 
      private formBuilder: FormBuilder, 
      private dataService: DataService) { 
af.database.list('Addressbook').subscribe(address => { 
    this.addressbook = address; 
    console.log(this.addressbook); 
}); 

this.myAddressForm = formBuilder.group({ 
    'companyName': ['', Validators.required], 
    'street': ['', Validators.required], 
    'city': ['', Validators.required], 
    'postCode': ['', Validators.required], 
}) 
} 

そしてここでは、HTML形式のコードです:

<form [formGroup]="myAddressForm" (ngSubmit)="onSubmit()"> 
      <div class="form-group"> 
       <input type="text" class="form-control" formControlName="companyName" name="companyName" placeholder="Nazwa firmy"> 
      </div> 
      <div class="form-group"> 
       <input type="text" class="form-control" formControlName="street" placeholder="Ulica"> 
      </div> 
      <div class="form-group"> 
       <input type="text" class="form-control" formControlName="city" name="city" placeholder="Miejscowość"> 
      </div> 
      <div class="form-group"> 
       <input type="text" class="form-control" formControlName="postCode" name="postCode" placeholder="Kod pocztowy"> 
      </div> 
      <button type="submit" class="btn btn-success waves-effect waves-light" data-toggle="collapse" data-target="#collapse1"> 
       Dodaj 
      </button> 
      </form> 

答えて

17

私はあなたが:=を台無しに推測します。

これにあなたの myAdressForm定義を変更し

:これはに私を置くだろう...、

export class AddressBookComponent { 

    myAddressForm : FormGroup; 
    ... 
} 

あなたはそれを入力した方法(myAdressForm = FormGroup)をFormGroup

+0

正しいのクラスタイプにプロパティmyAdressFormを割り当てますいつか墓このタイプ/値割り当てに失敗したのは2回目です...ありがとう – MatWaligora

関連する問題