I'm trying to write singleton service but I'm getting below error
"platform-browser.umd.js:1900 ORIGINAL EXCEPTION: No provider for
HeaderToolbarSharedService!". My code looks like this.
If i remove highlighted part from *headerToolbarComponent.ts it works or
add providers in **headerToolbarComponent.ts it work. Not sure why I'm
getting above error as *HeaderToolbarSharedService is already defined in
*app.component.ts
. Any suggestion ?*
*app.component.ts*
import { HeaderToolbarSharedService } from
'./shared/service/headertoolbar.shared.service'
@Component({
selector: 'my-app',
template: ` <header-toolbar> </header-toolbar>
<router-outlet></router-outlet>
`,
directives :[ROUTER_DIRECTIVES,HeaderToolbarComponent],
providers: [HeaderToolbarSharedService]
})
*headerToolbarComponent.ts*
import {HeaderInfoService} from './headerToolbar.service'
import { HeaderToolbarSharedService } from
'../service/headerToolbar.shared.service'
@Component({
selector: 'header-toolbar',
templateUrl: 'app/shared/HeaderToolBar/headerToolbarComponent.html',
providers: [MdIconRegistry,HeaderInfoService]
})
export class HeaderToolbarComponent implements OnInit {
headerToolbarModel: any;
/**
*
*/
constructor(private _headerInfoService: HeaderInfoService , private
_headerToolbarSharedService :HeaderToolbarSharedService) {
}
ngOnInit() {
this.headerToolbarModel =
this._headerInfoService.getHeaderToolbarInfo();
}
}
*headertoolbar.shared.service.ts*
import { Injectable } from '@angular/core';
@Injectable()
export class HeaderToolbarSharedService {
screenTitle:string ="Pack";
componentActions:any[];
constructor() { }
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
