angular学习笔记(1)创建services服务

对于services的个人理解:

为了把业务逻辑和内容分开,使得内容干净,不臃肿,存放一部分可重用的逻辑代码,angular提供了services服务,这个服务用于存放业务逻辑。

创建service

自己由于刚学习angular,所以跟着视频的创建方式做笔记。

  1. 在app下创建services文件夹,在此文件夹下创建“随意.service.ts”文件。
  2. 在创建好的“随意.service.ts”文件中引入“Injectable ”;引入方法:import { Injectable } from '@angular.core';
  3. 调用这个装饰器。调用方式:@Injectable();
  4. 写入一个类。写入方式:export class 随意的名字{}。
  5. 在需要使用的模板的ts文件中调用这个service服务。调用方式:import { 随意的名字 } from 'service的路径'。这里“随意的名字”对应的是上头类的名字(个人认为)
  6. 在需要使用服务的ts文件的构造函数中public一个参数,参数的类型对应引入过来的服务名。
  7. 在当前ts文件创建对应的空数据,在构造函数中使用service对数据进行赋值。

图照:

1    .

2,3   

4       

5,6,7

猜你喜欢

转载自blog.csdn.net/a4638966/article/details/81083589