如何在Angular中顯示4位數年份？

Question

我發現Angular Date documentation here，並認爲過濾器yyyy就夠了，但它仍然附在當天。

我的HTML：

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

我的頁腳角指令，用一個函數來創建一個日期：

// 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; 0 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>