ionic2中的ngFormModal（错误ngFormModal不是本机属性）

Question

这是我的代码，我得到了这样的错误 异常： 错误： 未捕获（promise）： 模板解析错误： 无法绑定到“ngFormModel”，因为它不是已知的本机属性。

html：

<form [ngFormModel]="registrationForm">

    <ion-item>
            <ion-label floating>Email</ion-label>
            <ion-input type="email" [(ngModel)]="email" ngControl="email" ></ion-input>
          </ion-item>

          <ion-item>
            <ion-label floating>Telephone</ion-label>
            <ion-input type="number" [(ngModel)]="phoneNo" ngControl="phone" ></ion-input>
          </ion-item>


    </form>

. ts文件：

import {FormBuilder, Validators} from '@angular/forms';
import { FORM_DIRECTIVES, REACTIVE_FORM_DIRECTIVES } from '@angular/forms';

@Component({
directives: [FORM_DIRECTIVES, REACTIVE_FORM_DIRECTIVES]
})
constructor(public _form: FormBuilder){
this.registrationForm = this._form.group({
        "email":["",Validators.compose([Validators.required, Validators.pattern('[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$')])]
}

app.ts：

    import { disableDeprecatedForms, provideForms } from '@angular/forms';

    ionicBootstrap(MyApp,[
    provideForms(),
    disableDeprecatedForms()]);

package.json:
"dependencies": {
    "@angular/common": "2.0.0-rc.4",
    "@angular/compiler": "2.0.0-rc.4",
    "@angular/core": "2.0.0-rc.4",
    "@angular/platform-browser": "2.0.0-rc.4",
    "@angular/platform-browser-dynamic": "2.0.0-rc.4",
    "@angular/http": "2.0.0-rc.4",
    "@angular/forms": "0.2.0",
    "es6-shim": "0.35.1",
    "ionic-angular": "2.0.0-beta.11",
    "ionic-native": "1.3.10",
    "ionicons": "3.0.0",
    "reflect-metadata": "0.1.8",
    "rxjs": "5.0.0-beta.6",
    "zone.js": "0.6.12"
  },

Answer 1

您只需要在component.ts文件中使用REACTIVE_FORM_DIRECTIVES。请在以下离子论坛主题中尝试matheo给出的非常简洁的示例。

离子2形式显示错误

请使用包裹。json的字母和精神，以及组件ts和html文件中的导入、声明等。