如何在 Angular 中只显示 4 位数的年份？

Question

我找到了Angular Date documentation here，并认为过滤器 yyyy 就足够了，但它仍然附加到实际日期。

我的 HTML：

<p class="footer_copy">&copy; {{ footer.date | date : yyyy }} AT&amp;T</p>

用于页脚的我的 Angular 指令，具有创建日期的功能：

// Directive for Footer
app.directive('appFooter', function () {
    return {
        restrict: 'E',
        templateUrl: 'templates/app-footer.html',
        controller: function(){
            this.date = Date.now();
        },
        controllerAs:'footer'
    };
});

但是现在它吐出© 2014 年 9 月 24 日 AT&T

我希望它只是创建 © 2014 AT&T

Answer 1

你需要用来传递格式为字符串

var app = angular.module('my-app', [], function() {})

app.directive('appFooter', function () {
    return {
        restrict: 'E',
        template: '<p class="footer_copy">&copy; {{ footer.date | date:"yyyy" }} AT&amp;T</p>',
        controller: function(){
            this.date = Date.now();
        },
        controllerAs:'footer'
    };
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="my-app">
  <app-footer></app-footer>
</div>

另一种选择是将格式作为变量传递，例如

var app = angular.module('my-app', [], function() {})

app.directive('appFooter', function() {
  return {
    restrict: 'E',
    template: '<p class="footer_copy">&copy; {{ footer.date | date:footer.dateFormat }} AT&amp;T</p>',
    controller: function() {
      this.date = Date.now();
      this.dateFormat = 'yyyy'
    },
    controllerAs: 'footer'
  };
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="my-app">
  <app-footer></app-footer>
</div>