Angular中的服务

  1. service服务的用途:

  2. 组件不应该直接获取或保存数据,它们不应该了解是否在展示假数据。 它们应该聚焦于展示数据,而把数据访问的职责委托给某个服务。
    用于封装方法处理业务逻辑以便其他组件调用。

  3. 创建服务:ng g service services/storage
    (创建在app文件夹下的services文件夹里)

  4. 注入服务:
    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'))//李四
    	  }
    }
    

猜你喜欢

转载自blog.csdn.net/qq_43579525/article/details/83833756