2016-08-21 58 views
1

这是表单非常烦人的问题。 我的package.json是:Angularjs 2 RC5表格无法加载

"dependencies": { 

    "@angular/common": "2.0.0-rc.5", 
    "@angular/compiler": "2.0.0-rc.5", 
    "@angular/core": "2.0.0-rc.5", 
    "@angular/forms": "0.3.0", 
    "@angular/http": "2.0.0-rc.5", 
    "@angular/platform-browser": "2.0.0-rc.5", 
    "@angular/platform-browser-dynamic": "2.0.0-rc.5", 
    "@angular/router": "3.0.0-rc.1", 
    "@angular/router-deprecated": "2.0.0-rc.2", 
    "@angular/upgrade": "2.0.0-rc.5", 

    "angular2-in-memory-web-api": "0.0.15", 

    "systemjs": "0.19.36", 
    "core-js": "^2.4.0", 
    "reflect-metadata": "^0.1.3", 
    "rxjs": "5.0.0-beta.11", 
    "zone.js": "^0.6.12", 

    "bootstrap": "^3.3.6" 
    }, 

但是,当我使用这个:

import { FormsModule }  from '@angular/forms'; 
@NgModule({ 
    imports: [ BrowserModule, FormsModule ], 

据调度错误,无法找到这样的表格。此外,我不再在角度/形式目录中看到FormsModule。

任何人都可以帮助告诉我你是如何在angular2中导入表单?

我想这一个:

import { FORM_DIRECTIVES }  from '@angular/forms'; 
@NgModule({ 
    imports: [ BrowserModule, FORM_DIRECTIVES ], 

但现在在我的Web控制台,我确实看到了:

zone.js:101 GET http://localhost:3010/node_modules/@angular/[email protected]//bundles/forms.umd.js 404 (Not Found) 

为什么它不断增加0.3.0的形式叫什么名字?它应该是:

http://localhost:3010/node_modules/@angular/forms/bundles/forms.umd.js 
+0

什么是您的systemjs.config.js样子?我问的原因是因为它在这个文件中,表格模块的地址被解析(以及其他模块)。 –

+0

明白了,我是这样的:'@ angular/forms':'node_modules/@ angular/forms'+ formsVer,但是在我将它改为'@ angular/forms':'node_modules/@ angular/forms'后,它现在很好。 Thans – user3006967

回答

0

//在app.module.ts

//对于数据dirven形式 - >

import { DataDrivenComponent } from "./data-driven/data-driven.component"; 
import { ReactiveFormsModule } from '@angular/forms'; 

//其他neccessary进口

import { BrowserModule } from '@angular/platform-browser'; 
import { AppComponent } from './app.component'; 
import { NgModule } from '@angular/core'; 

// Ng模块

@NgModule({ 
    declarations: [AppComponent, DataDrivenComponent], 
    imports: [BrowserModule, ReactiveFormsModule], 
    bootstrap: [AppComponent] 
}) 

//出口类

export class AppModule {}