Javascript 角度2网格误差

我对任何与Javascript相关的东西都是一个完全的新手，但我需要开发一个丰富的Web应用程序，我试图用Typescript学习Angular2

我使用的是Angular 2版本2.4.2

我正在尝试使用插件

当我尝试安装它时，我得到了一个令人担忧的结果：

$ npm install angular2-grid
first-app@0.0.0 /home/nick/dev/angular2/first-app
├── UNMET PEER DEPENDENCY @angular/core@2.4.2
└── angular2-grid@0.11.2 

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.0.17: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN angular2-grid@0.11.2 requires a peer of @angular/core@2.0.0 but none was installed.

如果我忽略预热，然后尝试使用它，我会在浏览器日志中出现以下错误：

Can't bind to 'ngGrid' since it isn't a known property of 'div'.

以下是我的组件：

import { Component } from '@angular/core';
import { NgGridModule } from 'angular2-grid';

@Component({
  selector: 'app-mygrid',
  template: `
  <h1>My First Angular 2 App</h1>
  <div class="grid" [ngGrid]="{\'max_cols\': 6, \'auto_resize\': true}">
    <div class="grid-item" [ngGridItem]="{\'sizex\': 2, \'sizey\': 3}">
    </div>
  </div>
  `,
  styles: []
})
export class MygridComponent implements OnInit {}

---

日志中的错误是否与我尝试安装angular2网格时的警告有关？它没有安装吗？如何更正此问题？

您是否像下面的示例那样在根模块中导入了NgGridModule

            //Root module
            import { NgModule, enableProdMode } from '@angular/core'
            import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'
            import { BrowserModule }    from '@angular/platform-browser'
            import { MygridComponent  } from './mygridcomponent'
            import { NgGridModule } from 'angular2-grid';

            @NgModule({
              imports: [ BrowserModule, NgGridModule ],
              declarations: [ MygridComponent  ],
              providers: [],
              bootstrap: [ MygridComponent  ]
            })

            export class AppModule { }


            // main entry point
            import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
            import { AppModule } from './app.module';

            platformBrowserDynamic().bootstrapModule(AppModule);

---

您是否像下面的示例那样在根模块中导入了NgGridModule

            //Root module
            import { NgModule, enableProdMode } from '@angular/core'
            import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'
            import { BrowserModule }    from '@angular/platform-browser'
            import { MygridComponent  } from './mygridcomponent'
            import { NgGridModule } from 'angular2-grid';

            @NgModule({
              imports: [ BrowserModule, NgGridModule ],
              declarations: [ MygridComponent  ],
              providers: [],
              bootstrap: [ MygridComponent  ]
            })

            export class AppModule { }


            // main entry point
            import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
            import { AppModule } from './app.module';

            platformBrowserDynamic().bootstrapModule(AppModule);

---

在解决问题之前，这里有一个变通方法： 我们在src文件夹中注入组件，就像我们的组件看起来像供应商一样

在src文件夹中的某个位置创建一个angular2网格文件夹，例如，我将其放置在src/app中，并复制粘贴NgGrid.css、main.ts+组件/指令/模块/接口文件夹 在应用程序模块中导入它：从“./angular2 grid/modules/NgGrid.module”导入{NgGridModule}；路径与您放置angular2grid的位置相对，此处位于应用程序文件夹的根目录上 如repo自述文件中所述使用此库，但修改app.component.ts中的依赖路径示例：从./angular2 grid/interfaces/INgGrid导入{NgGridConfig，NgGridItemConfig}；

---

我们为这个项目这样做：

在问题解决之前，这里有一个解决方法： 我们在src文件夹中注入组件，就像我们的组件看起来像供应商一样

在src文件夹中的某个位置创建一个angular2网格文件夹，例如，我将其放置在src/app中，并复制粘贴NgGrid.css、main.ts+组件/指令/模块/接口文件夹 在应用程序模块中导入它：从“./angular2 grid/modules/NgGrid.module”导入{NgGridModule}；路径与您放置angular2grid的位置相对，此处位于应用程序文件夹的根目录上 如repo自述文件中所述使用此库，但修改app.component.ts中的依赖路径示例：从./angular2 grid/interfaces/INgGrid导入{NgGridConfig，NgGridItemConfig}；

---

我们这样做是为了这个项目：

我试过了，但我得到的错误是NgGridModule不是NgModule。这个问题的解决方案似乎无法解决我尝试过的问题，但我得到的错误是NgGridModule中的错误不是NgModule。对这个问题的答复似乎不能解决问题