Angular 2.0, Typescript and 'FORM_DIRECTIVES' module

Question

I am using Angular 2.0 Alfa 35. When I am importing FORM_DIRECTIVES (which is a new name for formDirectives on Alfa 35) I am getting a Typescript error:

error TS2305: Module '"angular2/angular2"' has no exported member 'FORM_DIRECTIVES'.

Is it a bug in ts definitions? Can I fix/override it?

Could you look at this http://stackoverflow.com/a/32150789/2435473 — Pankaj Parkar, Aug 30 '15 at 20:06
I did. This is the reason I knew to use `FORM_DIRECTIVES` instead of `formDirectives`... — Yaniv Efraim, Aug 30 '15 at 20:13
@YanivEfraim can you set up a plnkr? I'm not able to reproduce it. — Eric Martinez, Aug 30 '15 at 20:48
I will try to (not sure if I can get a plunker with ts compiler. The error is within the ts compiler). I will be able to add github repository that you can clone and install + serve.. 10X! — Yaniv Efraim, Aug 30 '15 at 20:50
Did you upgrade recently? Try to delete node_modules and run npm install again — Angular University, Aug 31 '15 at 10:28

score 7 · Answer 1 · answered Jan 08 '16 at 22:32

7

As of today for Angular 2 Beta it should be:

import {FORM_DIRECTIVES} from 'angular2/common'

answered Jan 08 '16 at 22:32

Wojciech Owczarczyk

5,595
2
33
55

score 3 · Answer 2 · answered Dec 05 '16 at 06:16

3

Angular >= RC.5

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

@NgModule({
  imports: [BrowserModule, FormsModule, ReactiveFormsModule],
  ...
})

answered Dec 05 '16 at 06:16

Günter Zöchbauer

623,577
216
2,003
1,567

score 2 · Answer 3 · edited Jun 20 '20 at 09:12

Yup as we all know angular2 is in beta now so almost there is negligible chance of Breaking changes either it is the case of List of imports or any syntax, btw you can import necessary form imports from here...

import {CORE_DIRECTIVES, FORM_DIRECTIVES, NgClass, NgIf  NgForm, Control, ControlGroup, FormBuilder, Validators} from 'angular2/common';

for More list of all imports for angular2 beta you can refer here

List of all Imports updated to angular2 RC

update

as of updated angular2 RC there is change

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

Michael Oryl · Answer 4 · 2016-06-26T17:56:48.787

2

All of the previous answers given are no longer workable. Angular2 now has an entirely different structure and package name in NPM.

For anything since Angular 2.0.0-rc.0 (from May 2, 2016), you have to use this for the old forms system:

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

Update: Or you can load it from here, if you are using the new Angular 2 forms system:

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

You can read about it in the Angular 2 ChangeLog.

edited Jun 26 '16 at 17:56

answered Jun 25 '16 at 01:59

Michael Oryl

20,856
14
77
117

How is input related to `FORM_DIRECTIVES`? – Günter Zöchbauer Jun 25 '16 at 02:40
It's not, I pasted the wrong line of code in. Fixed it. – Michael Oryl Jun 25 '16 at 03:18
I see. I haven't checked the `FORM_DIRECTIVES` export but the new forms stuff is in `@angular/forms` in RC.3 – Günter Zöchbauer Jun 25 '16 at 19:59
@GünterZöchbauer Turns out you can import `FORM_DIRECTIVES` from `@angular/forms` as well. – Michael Oryl Jun 26 '16 at 02:36
1

If you use the old forms you have to import from `common` if you use the new forms then from `forms`. These two must not be mixed. – Günter Zöchbauer Jun 26 '16 at 06:55

score 0 · Answer 5 · answered Sep 23 '15 at 10:26

0

import {FORM_DIRECTIVES} from 'angular2/angular2';

worked for me with angular2@2.0.0-alpha.35

answered Sep 23 '15 at 10:26

Guenther

403
2
16

score -2 · Answer 6 · answered Dec 05 '16 at 06:14

-2

As of today...

import { FORM_DIRECTIVES } from '@angular/form';

answered Dec 05 '16 at 06:14

A. G. K

33
6

"As of today" is quite useless description, version would be more useful to future readers. – Jiri Tousek Dec 05 '16 at 09:19

Angular 2.0, Typescript and 'FORM_DIRECTIVES' module

6 Answers6

update

Linked