Angular2无法使用javascript导入FormsModule

Angular2无法使用javascript导入FormsModule,javascript,angularjs,Javascript,Angularjs,我正在学习Angular2英雄教程: 在纯Javascript(不是Typescript)中,我很难像前面提到的那样导入表单模块:(描述仅针对Typescript): 在对表单输入使用双向数据绑定之前,我们需要在Angular模块中导入FormsModule包。我们将其添加到NgModule decorator的imports数组中。此数组包含应用程序使用的外部模块列表 当我将表单模块添加到我的app.module.js导入数组时,它找不到该模块: zone.js:129未捕获错误:由模块“cl

我正在学习Angular2英雄教程: 在纯Javascript(不是Typescript)中,我很难像前面提到的那样导入表单模块:(描述仅针对Typescript):

在对表单输入使用双向数据绑定之前,我们需要在Angular模块中导入FormsModule包。我们将其添加到NgModule decorator的imports数组中。此数组包含应用程序使用的外部模块列表

当我将表单模块添加到我的app.module.js导入数组时,它找不到该模块:

zone.js:129未捕获错误:由模块“class2”导入的意外值“未定义”

这是我的app.module.js:

(function(app) {
  app.AppModule =
    ng.core.NgModule({
      imports: [ ng.platformBrowser.BrowserModule, ng.common.FORM_DIRECTIVES],
      declarations: [ app.AppComponent],
      bootstrap: [ app.AppComponent ]
    })
    .Class({
      constructor: function() {}
    });
})(window.app || (window.app = {}));
在my node_modules文件夹中,表单模块存在。如果我从imports数组中删除“ng.common.FORM_指令”,则不会引发错误

console.dir(ng)的内容是:

console.dir(ng.forms)的内容是:


尝试从'angular2/common'使用
import{FORM_DIRECTIVES}

资料来源:

编辑:


如果这不起作用,发布console.dir(ng);再次(使用此代码)。

很抱歉,我发现了错误。通常情况下,它与typescript或angular无关,我只需在index.html文件中添加script标记即可加载forms.umd.js:

<script src="../node_modules/@angular/forms/bundles/forms.umd.js"></script>

你能发布以下内容吗:console.dir(ng);和console.dir(ng.forms)@IvRRimUm:我发布了上面的内容。你用什么做服务器?代码看起来不错。我使用的是MAMP版本3.5(3.5)。奇怪的是,“平台浏览器”节点_模块加载正确。你能用普通javascript翻译吗?我尝试将“ng.common.FORM_指令”添加到导入数组中,但没有成功。更新了答案。这段代码仍然是typescript,对吗?我使用的是纯javascript。导入与javascript中的typescript相同。我在问题中更新了我的javascript文件app.module.js,并将其从“ng.forms.FormsModule”更改为“ng.common.formu指令”。我无法使用答案中的代码,因为它是typescript。我也有同样的错误。但是通过包含forms.umd.js,我得到了一个错误:无法读取未定义(…)的属性“core_private”。。。我发现了错误:在index.html文件中加载主模块脚本后,我不得不加载forms.umd.js脚本。
Object
    common:Object
    compiler:Object
    core:Object
    coreTokens:Object
    platformBrowser:Object
    platformBrowserDynamic:Object
    probe
    :
    inspectNativeElement(element /** TODO #9100 */)
    __proto__:Object
undefined
import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FORM_DIRECTIVES } from 'angular2/common';
import { AppComponent }  from './app.component';
@NgModule({
  imports: [
    BrowserModule,
    FORM_DIRECTIVES
  ],
  declarations: [
    AppComponent
  ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }
<script src="../node_modules/@angular/forms/bundles/forms.umd.js"></script>
ng.core.NgModule({
  imports: [ ng.platformBrowser.BrowserModule, ng.forms.FormsModule],
  declarations: [ app.AppComponent],
  bootstrap: [ app.AppComponent ]
})