Question

我是angular2的新手 - 我正在尝试将服务注入组件。 - 在下面的stackblitz中，我有一个简单的组件和一个简单的服务。 - 你们能告诉我怎么做吗？ - 所以将来我可以自己做。 - 在下面提供我的代码。

https://stackblitz.com/edit/angular-mj8xcu?file=app/example.service.ts

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css'],
  providers: [ ExamService ]
})

Answer 1

您需要在app.module.ts

内的提供商下添加您的服务

@NgModule({
  imports:      [ BrowserModule, FormsModule ],
  declarations: [ AppComponent, HelloComponent, FontcolorDirective ],
  bootstrap:    [ AppComponent ],
  providers : [SwPeopleService]
})

然后在组件中注入，

export class HelloComponent  {
  @Input() name: string;
  constructor(private peopleservice: SwPeopleService) {} 
}

您还需要在导入

下导入 HttpClientModule

从＆＃39; @ angular / common / http＆＃39;中导入{HttpClientModule};

@NgModule({
  imports:      [ BrowserModule, FormsModule,HttpClientModule],
  declarations: [ AppComponent, HelloComponent, FontcolorDirective ],
  bootstrap:    [ AppComponent ],
  providers : [SwPeopleService]
})

<强> WORKING DEMO

尝试将服务注入组件

1 个答案: