Question

我正在我的项目中导入ControlGroup，就像这样

import { ControlGroup } from '@angular/common';

工作正常，直到我将项目升级到angular2.1

在angular2.1中有没有其他方法可以做同样的事情？

Answer 1

与表单相关的所有内容现在都在@angular/forms中。此外，模型的名称也发生了变化。如果您使用的是模型表单，则可以执行类似

的操作

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

@Component({
  selector: 'my-app',
  template: `
      <form [formGroup]="form">
        <input name="first" formControlName="first" [(ngModel)]="example.first"/>
        <input name="last" formControlName="last" [(ngModel)]="example.last"/>
      </form>
  `,
})
export class App {
  form: FormGroup;
  example = { first: '', last: '' };

  constructor(builder: FormBuilder) {
    this.form = builder.group({
      first: '',
      last: ''
    })
  }
}

然后您需要将ReactiveFormsModule导入模块

@NgModule({
  declarations: [ AppComponent ],
  imports: [ ReactiveFormsModule ]
})
class AppModule {}

Plunker

另见：

模块'“project / node_modules / @ angular / common / index”'没有导出成员'ControlGroup'

1 个答案:

Plunker