Angular2-依赖注入

来源:互联网 发布:ps基线已优化 编辑:程序博客网 时间:2024/05/22 02:03

有两种方式,
一种在conponment中注入
首先在创建的service中导入

import {Injectable} from "@angular/core";

在service的class上使用

export class appService{}

这样这个service就提供注入了
然后到Component中使用improt导入这个service

import {service中的class的名字} from './appService';

然后再@Component中使用providers中注入service

providers:[appService]

然后在class的constructor中注入

constructor(private appService:appService){}

最后可以使用
this.appService.chaxun();方式类调用service中的方法或者属性

在component中注入service的时候需要写providers:[service名]
component中注入module使用import导入后直接注入到component的构造器中
app.module中注入component,要放在declarations
app.module中注入module,要放在imports
app.module中注入service,要放在providers

@NgModule({  declarations: [    AppComponent,    LoginComponent,    ShopComponent  ],  imports: [    BrowserModule,    FormsModule,    HttpModule,    AppRoutingMocdule  ],  providers: [],  bootstrap: [AppComponent]})export class AppModule { }
0 0
原创粉丝点击