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对数据进行赋值。
8. 补充：要在模块中使用servers服务，需要在app.module.ts中引入servers服务，并且在providers中调用。个人理解：在app.ts中引入的模块名称对应servers服务中class的名。

图照：

1    .

2,3   

4       

5,6,7

8