angular - 从不同的组件调用函数并传递参数

Question

我有一个函数，当我需要处理一个日期时，我会多次调用它:

  dateFormat(myDate, format) {
    let temp=this.datePipe.transform(myDate, format)
    return(temp)
  }

这只是格式化日期。

let niceDate=dateFormat(mydate, 'MM/dd/yyyy')

问题是我需要从多个组件调用它。我在看服务，它看起来不是我要找的(我可能错了)。我想知道这是否可以像在 Node.js 中那样完成，但在 Angular 中。

将多个函数存储在一个文件中、导入该文件并从其他组件调用函数的正确方法是什么？

谢谢。

Answer 1

您可以创建通用实用程序文件，因为您可以实现那些将在整个应用程序中使用的功能。现在您只需将该文件导入任何组件并使用该静态函数。

例如:Utils.ts 文件

export class Utils {
    constructor() { }
    
    dateFormat(myDate, format) {
         let temp=this.datePipe.transform(myDate, format)
         return(temp)
    }
}

component.ts 文件

import { Component, OnInit} from '@angular/core';
import { Utils } from 'src/app/shared/utils/utils';

export class TestComponent implements OnInit{
       
       myDate = new Date();
       format = 'MM/DD/YYYY'
       
       constructor() { }
       
       covnervtDate(){
             return Utils.dateFormat(this.myDate, this.format);
       }
}