2017-06-13 106 views
3

我試圖讓Angular's UI電網運行和使用下面的代碼:角/ UI的網格(NG-格)/角沒有定義

import {NgModule} from "@angular/core"; 
import {BrowserModule} from "@angular/platform-browser"; 
import {RouterModule} from "@angular/router"; 

import {BosOverviewComponent} from "./bosoverview.component"; 

import {UiGridModule} from 'angular-ui-grid'; 

@NgModule({ 
    declarations: [ 
    BosOverviewComponent 
    ], 
    imports: [ 
    BrowserModule, 
    RouterModule, 
    UiGridModule 
    ], 
    exports: [ 
    BosOverviewComponent 
    ], 
}) 

export class BusinessObjectsModule { 
} 

使用NPM開始,我總是得到出現以下錯誤:

Uncaught ReferenceError: angular is not defined 
    at ui-grid.js:8 
    at Object.../../../../angular-ui-grid/ui-grid.js (ui-grid.js:10) 
    at __webpack_require__ (inline.bundle.js:55) 
    at Object.../../../../angular-ui-grid/index.js (index.js:1) 
    at __webpack_require__ (inline.bundle.js:55) 
    at Object.../../../../../src/app/views/businessobjects/businessobjects.module.ts (bosoverview.component.ts:7) 
    at __webpack_require__ (inline.bundle.js:55) 
    at Object.../../../../../src/app/app.module.ts (app.helpers.ts:66) 
    at __webpack_require__ (inline.bundle.js:55) 
    at Object.../../../../../src/main.ts (environment.ts:8) 

我該怎麼辦?謝謝!

回答

2

正如你can see

UI-Grid is currently compatible with Angular versions ranging from 1.4.x to 1.6.x.

正試圖在角2 +使用它...

2

ktretyak是正確的。 UI-Grid僅由AngularJS正式支持,而不是Angular 2+。幸運的是你有選擇。首先,您可能可以使其工作。例如,This github repo聲稱是在Angular 2+中工作的UI-Grid的一個例子。如果您願意等待,開發團隊會爲Angular 5+做have a plan to upgrade UI-Grid

但是,現在找到一個在Angular 2+上正式支持的庫可能是個好主意。通過UI-Grid站點上的this discussion閱讀,您可以看到幾個與Angular 2+兼容的數據網格。

  • 如果您已經採用了棱角分明材料,他們有一個mat-table
  • ngx-datatable是用於呈現大型和複雜數據的角度成分。它具有您希望從其他任何表中獲得的所有功能,但是在沒有外部依賴關係的輕型軟件包中。 (來自github頁面)
  • PrimeNG爲Angular 2+創建了一組UI組件。他們是開源的,on github,他們有一個漂亮的光滑datatable
  • ag-grid根據他們的網站使「世界上最好的HTML 5網格」。他們有a version適用於Angular 2+。他們有免費增值模式,但他們的免費版本看起來不錯。
  • angular2-datatable是另一個開源的選項,當然,它正式支持Angular 2+。

因此,不要強調自己試圖在圖書館裏苦苦尋覓,而這些圖書館並非真正按照自己的意願去做。使用與Angular 2+配合使用的設備要容易得多。