Angular组件通信

一. 组件间通信（组件间不能互相调用，公共方法放在服务中）

（目前项目采用将公共方法直接写在ts文件中没使用服务）

1. ng g service services/服务名
2. App.module.ts{

　引入服务：import {ts类名} from ‘./services/服务名.service’;

　配置服务在bootsyraps上加一句：providers:[ts类名]，

 

1. 在组件的ts中再引入服务：import{ts中服务类名} from ‘../../services/服务名.service’
2. 使用服务

　　不推荐写法：直接在组件ts中new服务类去调用方法

　　推荐写法：在使用组件ts的构造中写：

　　constructor(public 变量名:服务类名){

　　　　this.变量名.服务名;