angular 2 错误：无法允许所有参数 FormGroup

我跟着教科书 Thoughtram's tutorial 为了 FormBuilder
http://blog.thoughtram.io/angu ... .html
我复制了代码并更改了多个变量名称。 我用 Angular 2.1.2, Typescript 2.0.8 和 Angular Material2 /的 Google/. Atom Typescript 他说既不是一个页面没有错误。 但是，我在加载时收到错误，页面不会使用此新代码启动。

zone.js:388 Unhandled Promise rejection: Can't resolve all parameters for FormGroup: /?, ?, ?/. ; Zone: <root> ; Task: Promise.then ; Value: Error: Can't resolve all parameters for FormGroup: /?, ?, ?/./…/ Error: Can't resolve all parameters for FormGroup: /?, ?, ?/.

at CompileMetadataResolver.getDependenciesMetadata /[url=http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:14598:21/]http://localhost:3000/node_mod ... 8:21/[/url]

at CompileMetadataResolver.getTypeMetadata /[url=http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:14499:28/]http://localhost:3000/node_mod ... 9:28/[/url]

at eval /[url=http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:14642:43/]http://localhost:3000/node_mod ... 2:43/[/url]

at Array.forEach /native/

at CompileMetadataResolver.getProvidersMetadata /[url=http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:14622:21/]http://localhost:3000/node_mod ... 2:21/[/url]

at CompileMetadataResolver.getDirectiveMetadata /[url=http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:14262:36/]http://localhost:3000/node_mod ... 2:36/[/url]

at eval /[url=http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:14367:51/]http://localhost:3000/node_mod ... 7:51/[/url]

at Array.forEach /native/

at CompileMetadataResolver.getNgModuleMetadata /[url=http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:14361:51/]http://localhost:3000/node_mod ... 1:51/[/url]

at RuntimeCompiler._compileComponents /[url=http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:17063:49/consoleError]http://localhost:3000/node_mod ... Error[/url] @ zone.js:388_loop_1 @ zone.js:417drainMicroTaskQueue @ zone.js:421ZoneTask.invoke @ zone.js:339

2016-11-10 16:01:40.394 zone.js:390 Error: Uncaught /in promise/: Error: Can't resolve all parameters for FormGroup: /?, ?, ?/./…/consoleError @ zone.js:390_loop_1 @ zone.js:417drainMicroTaskQueue @ zone.js:421ZoneTask.invoke @ zone.js:339

HTML 样本

为了 apartment4Rent.component.html

<form "="" $event="" ="onsubmit="" [formgroup]="registerApartment4RentForm" submit="">

<md-input aria-labelledby="country" class="required" formcontrolname="country" i18n-placeholder="select country placeholder" id="country" maxlength="30" name="country" placeholder="Country" size="30" type="text">

</md-input>

加回 4 同等地为国家，城市，街道和 ZIPcode

AppComponent

与来自教科书的设计师 - 在应用程序文件夹中

import { Component, OnInit } from '@angular/core';

import { FormBuilder, FormGroup } from '@angular/forms';

import { ReactiveFormsModule } from '@angular/forms';



@Component/{

 moduleId: module.id,

 selector: 'residence-app',

 templateUrl: "components/navigation/headerFooter.html",

 styleUrls: [ "components/navigation/styleHeaderFooter.css" ],

 providers: [

 FormBuilder,

 FormGroup

 ]

}/

export class AppComponent implements OnInit {

 registerApartment4RentForm: FormGroup;

 constructor/private formBuilder: FormBuilder/ {}

 ngOnInit// {

 this.registerApartment4RentForm = this.formBuilder.group/{

 country: '',

 stateProvince: '',

 address: this.formBuilder.group/{

 streetAddress: '',

 zipCode: '',

 city: ''

 }/

 }/;

 }

}

headerFooter.html 在 templateUrl 有一些 html 用于上部和下部页脚和

<div>

<router-outlet></router-outlet>

</div>

在间隔中的意思在哪里 apartment4Rent.component.html 在我尝试此反应表单代码之前加载并出现。 我的结构目录 - 应用程序/components/input/apartment4Rent.component/s/

需要改变什么，以便反应形式工作？
</form></root>