Angular2電網錯誤

我是一個完整的新手到相關的JavaScript什麼，但我需要開發一個Web應用程序豐富，我努力學習Angular2與打字稿。Angular2電網錯誤

我使用角2（2.4.2版本）

我試圖使用angular2-grid插件

當我嘗試安裝它，我得到這個令人擔憂的結果：

$ npm install angular2-grid 
[email protected] /home/nick/dev/angular2/first-app 
├── UNMET PEER DEPENDENCY @angular/[email protected] 
└── [email protected] 

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected]^1.0.0 (node_modules/chokidar/node_modules/fsevents): 
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"}) 
npm WARN [email protected] requires a peer of @angular/[email protected] 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格警告日誌中的錯誤？它沒有安裝？我該如何解決這個問題？

來源

2017-01-16 NickJ

-1

你有沒有導入「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);

來源

2017-01-17 01:49:57 user6801750

我試過了，但是我得到的錯誤錯誤在NgGridModule中不是NgModule。對這個問題的反思[問題179]（https://github.com/BTMorton/angular2-grid/issues/179）似乎不能解決問題 – NotBad4U

這是一種變通方法，直到問題得到解決：我們注入我們的src文件夾中的組件，如它是我們的組件（看起來像vendoring）。

在你的src文件夾中創建一個angular2網格文件夾的地方（例如，我把它放在src /應用），並複製粘貼NgGrid.css，main.ts +組件/指令/模塊/接口文件夾
將它導入到您的應用程序模塊中：import { NgGridModule } from './angular2-grid/modules/NgGrid.module';（該路徑與放置angular2grid的位置相關，位於app文件夾的根目錄下）
按照repo的自述文件中的描述使用此lib，但適應您的依賴路徑app.component.ts：import { NgGridConfig, NgGridItemConfig } from "./angular2-grid/interfaces/INgGrid";

我們爲這個項目做的：project with angular2-grid

來源

2017-01-25 14:25:36 NotBad4U

Angular2電網錯誤

回答

相關問題