Angular 2沒有提供加載服務

我已經閱讀過關於StackOverflow的類似問題，但他們似乎沒有爲我的情況工作。我正在使用Angular的最新版本。Angular 2沒有提供加載服務

Loader組件

import {Component, ElementRef, OnInit, OnDestroy} from '@angular/core'; 
import {CORE_DIRECTIVES} from "@angular/common"; 
import {LoadingService} from "../../services/global/loadingService"; 

@Component({ 
    selector: 'loader', 
    directives: [CORE_DIRECTIVES], 
    providers: [LoadingService], 
    template: ` 
    <div class ="blue"></div> 
    `, 
}) 

export class LoadingComponent { 
    public active: boolean; 

    public constructor(spinner: LoadingService) { 
    spinner.status.subscribe((status: boolean) => { 
     this.active = status; 
    }); 
    } 
}

Loader服務

import {Injectable} from '@angular/core'; 
import {Subject} from 'rxjs/Subject'; 
import 'rxjs/add/operator/share'; 

@Injectable() 
export class LoadingService { 
    public status: Subject<any> = new Subject(); 
    private _active: boolean = false; 

    public get active(): boolean { 
    return this._active; 
    } 

    public set active(v: boolean) { 
    this._active = v; 
    this.status.next(v); 
    } 

    public start(): void { 
    this.active = true; 
    } 

    public stop(): void { 
    this.active = false; 
    } 
}

我的錯誤是：錯誤：未捕獲的（在承諾）：無提供LoadingService！

任何幫助將不勝感激。謝謝！

來源

2016-08-11 Ian Freeman

您不需要列出'CORE_DIRECTIVES'。它們默認全球可用。不知道你的問題。代碼看起來很好。 –

您在此處發佈的代碼沒有任何問題。我把它放在我的項目中，它沒有任何問題。您的問題很可能是您的SystemJS配置或其他問題，阻止應用程序正確加載，因此無法解決如何注入您的加載服務。使用Chrome的開發工具在應用程序加載時查看控制檯，看看它是否顯示任何其他問題。或者，將完整的非工作示例發佈到某處，我們可以實際看到所有代碼（如Plunkr或JSFiddle）。

來源

2016-08-12 01:55:35

Angular 2沒有提供加載服務

回答

相關問題