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'))//李四
    	  }
    }
    
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值