-
service服务的用途:
-
组件不应该直接获取或保存数据,它们不应该了解是否在展示假数据。 它们应该聚焦于展示数据,而把数据访问的职责委托给某个服务。
用于封装方法处理业务逻辑以便其他组件调用。 -
创建服务:ng g service services/storage
(创建在app文件夹下的services文件夹里) -
注入服务:
1.(需先引入到全局)在app.module.ts中引入服务:(注入到模块module.ts文件中)
import { StorageService } from ‘…/app/services/storage.service’;
注意: 导入服务的别名StorageService要与 storage.service.ts里的
export class StorageService类名要相同
2.还要把服务注入到@NgModule({providers: [StorageService]
})
3.在其他组件header.component.ts里引入:
import { StorageService } from ‘…/…/services/storage.service’;
然后在该文件里作为参数注入到构造函数里:export class HeaderComponent implements OnInit { //把服务StorageService存入私有(公有public)变量storege(自定义)里 constructor(private storage:StorageService) { //设置存储数据 //this.storage.setItem('username','李四'); //console.log(this.storage) //获取key //console.log(this.storage.getItem('username'))//李四 } }