如何以新的Angular CLI格式初始化模块加载时的服务

Question

I am iniliziing service in app.module

  providers: [
    RoleChildTreeService
    ],
  bootstrap: [AppComponent,RoleChildTreeService]

but i got error

directive_resolver.js:39 Uncaught Error: No Directive annotation found on RoleChildTreeService

Answer 1

Why you want to inject in bootstrap:[...] ? If you want a service which should available to your whole application, then add

import { RoleChildTreeService } from './yourPath/roleChildTree.service';

in your app.component.ts and then

providers: [ RoleChildTreeService, ... ]

Which you can use anywhere. Please correct me if you want to do something else.

Answer 2

Just inject the service to the module constructor to get it initialized

@NgModule({
  providers: [
    RoleChildTreeService
    ],
  bootstrap: [AppComponent]
})
export class SomeModule {
  constructor(roleChildService:RoleChildTreeService) {}
}

It's a while I saw this but AFAIR it should work.