角2 RC-4型，“FormGroup”类型不能指定为“FormGroup类型”

Question

我遇到了一些角2表单的问题，我成功地在我的项目中实现了几个表单，当我试图添加这个表单时，我得到并错误了我的角Cli：Type 'FormGroup' is not assignable to type '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>

Answer 1

我猜你把=和:搞砸了。

将myAdressForm定义更改为：

export class AddressBookComponent {

   myAddressForm : FormGroup;
   ...
}

键入它的方式(myAdressForm = FormGroup)，将把属性myAdressForm分配给FormGroup的类类型

Answer 2

试一次，它的工作

registerForm =new FormGroup({});

Answer 3

我也遇到了同样的情况，棱角分明的CLI开始向我展示html模板中一些奇怪的错误。错误信息是：

Type 'FormGroup' is not assignable to type 'FormGroup'

我试图改变这一点：

loginForm: FormGroup;

对此：

loginForm = new FormGroup({});

这是因为第二种情况初始化了formBuilder的控件。