angular4.x 中 如何定义公共的方法，并引入到界面中

写在开篇：可能与你需要的应用场景或多或少有区别，不过思路大体上是通用的；

业务场景：当用户点击会员信息或者商品时，弹出对应的会员关键信息，弹出商品的关键信息。与其相关的界面有十多个，而且是需要单独调用接口去后台获取数据的。

项目环境： ng4+

解决思路：

1.写一个工具类函数，主要介绍一下语法和怎么设计

2.界面如何调用这个公共的函数（1.对应ts应用，2.对应界面调用）

3.如何呈现给用户（这里提供一种解决思路，当然还有其他的方案也是推荐）

正文开始：

image

找一个目录，然后创建一个utils文件，然后在里面写一个tools.ts的公共函数

函数结构

export function clearLocal() {

localStorage.clear(); //清除本地缓存

}