javascript - Angular js(1.5)日期过滤器: making it modular

Question

我将其散布在我的应用程序中的各种不同模板中。

<span>
  {{value.date | date : "yyyy-MM-dd HH:mm" : 'PDT'}} PDT
</span

我将始终在整个应用程序中使用相同的日期格式。

我正在尝试找出如何模块化上述内容，这样我就不会到处重复同样的事情。我认为正确的方法是制作一个组件，然后在我需要的地方使用它。例如

<formatted-date value="value"></formatted-date>

但我不确定这是否是正确的方法，或者我是否应该使用服务/ Controller ......？

The docs提及使用

$filter('date')(date, format, timezone)

但我有点迷失在总体方案中(服务/ Controller ？)。

(如果这是一个愚蠢的简单问题或者我使用了错误的术语，请提前道歉......我是 Angular 的新手，仍在尝试找出正确的做事方法。)

Answer 1

你有没有想过creating a custom filter ？然后您可以将所有实例替换为:

{{值.日期| myDateFormat}}

这是一个例子:

app.filter('myDateFormat', ['$filter', function ($filter) {

    return function (input) {

        if (input) { 

            // set your dateFormat and timezone here
            var dateFormat = "yyyy-MM-dd HH:mm";
            var timezone = "PDT";

            // format your date
            var formattedDate = $filter('date')(new Date(input), dateFormat,  timezone);

            return formattedDate;

        };

        return "";

    };

}]);

这将使您能够使用相同的日期格式并在将来轻松更改它。

否则，如果您希望始终保留 span 标记和 PDT 文本，那么可以，创建一个可以使用的组件在需要的地方重复使用。您可以通过使用 directive 来实现此目的。

您可以提供一个模板并将 $filter 服务传递给您的指令，并在其中执行相同的逻辑。