@angular/forms/FormsModule missing

Discussão em 'Angular' iniciado por JT-Helsinki, Novembro 14, 2024.

  1. JT-Helsinki

    JT-Helsinki Guest

    I am trying to import the FormsModule from @angular/forms@0.3.0 inside Angular 2 RC5. Should be simple right?

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


    However this is not part of the @angular/forms library which I installed using

    npm install @angular/forms


    Some have suggested using:

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


    However this doesn't work either.

    I've looked into the forms package and it appears that it's in the form_providers typing file (form_providers.d.ts) and it does mention FormsModule. In the forms.js it mentiones __export(require('./form_providers')); so this means it should be available right?

    Any ideas how I fix this problem?

    Many thanks

    JT

    app.module.ts

    import {NgModule} from '@angular/core';
    import {FormsModule} from '@angular/forms';
    import {BrowserModule} from '@angular/platform-browser';
    import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
    import {MeteorModule} from 'angular2-meteor';
    import {AppComponent} from './app.component';


    @NgModule({
    imports: [BrowserModule, MeteorModule, FormsModule],
    declarations: [AppComponent],
    bootstrap: [AppComponent]
    })
    export class AppModule { }

    platformBrowserDynamic().bootstrapModule(AppModule,[ disableDeprecatedForms(),provideForms()]));


    Package.json (that is being used by "npm install")

    {
    "name": "angular2-meteor-base",
    "private": true,
    "scripts": {
    "start": "meteor run",
    "test": "meteor test --driver-package practicalmeteor:mocha",
    "test:ci": "meteor test --once --driver-package dispatch:mocha-phantomjs"
    },
    "devDependencies": {
    "chai": "3.5.0",
    "chai-spies": "0.7.1"
    },
    "dependencies": {
    "@angular/common": "^2.0.0-rc.5",
    "@angular/compiler": "^2.0.0-rc.5",
    "@angular/core": "^2.0.0-rc.5",
    "@angular/forms": "latest",
    "@angular/platform-browser": "^2.0.0-rc.5",
    "@angular/platform-browser-dynamic": "^2.0.0-rc.5",
    "@angular/router": "^3.0.0-rc.1",
    "angular2-meteor": "latest",
    "angular2-meteor-auto-bootstrap": "latest",
    "angular2-meteor-polyfills": "latest",
    "angular2-meteor-tests-polyfills": "latest",
    "es6-shim": "0.35.1",
    "lodash": "^4.15.0",
    "meteor-node-stubs": "0.2.3",
    "reflect-metadata": "0.1.3",
    "rxjs": "5.0.0-beta.6",
    "zone.js": "0.6.12"
    }
    }


    app.component.ts

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


    @Component({
    selector: 'app',
    template: 'Hello World'
    })

    export class AppComponent {

    constructor() {
    }
    }

    Continue reading...

Compartilhe esta Página