2017-09-07 45 views
0

我使用角4下拉嘗試:角4下拉誤差簡單的用法

https://www.npmjs.com/package/ng4-material-dropdown

這裏是我有我的div元素:

<ng4-dropdown> 
    <ng4-dropdown-menu> 
    <ng4-menu-item *ngFor="let item of items"> 
     {{ item }} 
    </ng4-menu-item> 
    </ng4-dropdown-menu> 
</ng4-dropdown> 

我的項目包含在相應的打字稿類中,我已經將輸入添加到NgModule,如下所示(我的app.module.ts):

@NgModule({ 
    declarations: [ 
    AppComponent, 
    HomeComponent, 
    FooterComponent, 
    HeaderComponent, 
    LoginComponent, 
    RegisterComponent 
    ], 
    imports: [ 
    SharedModule, 
    BrowserModule, 
    Ng4DropdownModule, 
    routing 
    ], 
    providers: [ 
    ApiService, 
    AuthGuard, 
    JwtService, 
    AuthenticationService, 
    AlertService, 
    ProfilesService, 
    UserService, 
    // providers used to create fake backend 
    fakeBackendProvider, 
    MockBackend, 
    BaseRequestOptions 
    ], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

當我運行我的應用程序,我得到以下錯誤:

TypeError: Cannot read property 'setGlobalVar' of null 
    at _createNgProbe (ng4-dropdown.bundle.js:6944) 
    at eval (module.ngfactory.js? [sm]:1) 
    at _callFactory (core.es5.js:9561) 
    at _createProviderInstance$1 (core.es5.js:9490) 
    at initNgModule (core.es5.js:9441) 
    at new NgModuleRef_ (core.es5.js:10555) 
    at createNgModuleRef (core.es5.js:10539) 
    at Object.debugCreateNgModuleRef [as createNgModuleRef] (core.es5.js:12833) 
    at NgModuleFactory_.webpackJsonp.../../../core/@angular/core.es5.js.NgModuleFactory_.create (core.es5.js:13828) 
    at core.es5.js:4497 

這個錯誤似乎是由包括進口到我的NgModule,剛剛發生,即使沒有在我的HTML組件添加股利。任何想法這可能是什麼以及如何解決這個問題?

回答

0

可能您正在使用錯誤的組件。你有沒有在組件中定義的項目? 無論如何,你在項目循環中引用了一個未定義的'頁面'變量,試着用item。

<ng4-dropdown-menu> 
    <ng4-menu-item *ngFor="let item of items"> 
     {{ item }} 
    </ng4-menu-item> 
    </ng4-dropdown-menu> 
</ng4-dropdown> 
+0

不!還是一樣的錯誤!如果你仔細閱讀我的文章,我甚至不必將div元素添加到我的HTML。即使只是將輸入添加到NgModule中也會產生此錯誤! – sparkr

+0

看起來這是webpack2的問題。您可以暫時禁用webpack環境中的disableDebugTools(),直到獲得解決方案。 https://github.com/qdouble/angular-webpack2-starter/issues/263 –

+0

我該在哪裏禁用?臨時禁用disableDebugTools()意味着什麼?如果我禁用這個功能並想讓我的應用程序高效運行,我是否必須重新啓用它? – sparkr