angular创建服务

创建服务命令

1：  ng g service my-new-service
       创建到指定目录下面 ng g service services/storage

2：  app.module.ts 里面引入创建的服务import { StorageService } from './services/storage.service';

3：NgModule 里面的 providers 里面依赖注入服务
 

@NgModule
({ declarations: 
[ AppComponent, 
HeaderComponent,
FooterComponent, 
NewsComponent, 
TodolistComponent ],
imports:
[ BrowserModule, FormsModule ],
providers:
[StorageService],
bootstrap: [AppComponent] }) 
export class AppModule { }

4：使用的页面引入服务，注册服务
 

import { StorageService } from '../../services/storage.service';

 

constructor(private storage: StorageService) {
}

 使用

addData(){
// alert(this.username);
this.list.push(this.username);
this.storage.set('todolist',this.list);
} 
removerData(key){