javascript - 在 ng-repeat 中使用 toISOString() 作为纪元日期

Question

正如标题所说，我有一个表格，其中一列是纪元日期。我正在尝试使用内置于“toISOString()”中的 javascript 来翻译它，但不知道该怎么做。有没有办法在填充表格时即时执行此操作？

这是我正在使用的 js:

angular.module('myapp', [])
  .controller('MainCtrl', function($scope, $http, $filter, $interval) {

    var orderBy = $filter('orderBy');
    $scope.savedOrder = 'name';
    $scope.searchText = ''

    //first http request-----------------------------------
    $http.get('xxxxxxxxxxxxxx').success(function(data) {
      $scope.recentalerts = data;
      $scope.tempdata = data;
      $scope.order('-epochtime');
    });

    $scope.reverse = true;

    //beginning of interval--------------------------------
    $interval(function() {
      $http.get('xxxxxxxxxxxxx').success(function(data) {
        if (!angular.equals(data, $scope.tempdata)) { 
          console.log("here...");

          ...

          $scope.tempdata = data; 

        } //end if

      });
    }, 5000);


    $scope.order = function(predicate) {
      $scope.reverse = !$scope.reverse;
      $scope.recentalerts = orderBy($scope.recentalerts, predicate, $scope.reverse);
      $scope.savedOrder = predicate;
    };

  });

这是表体:

  <tbody>
    <tr data-ng-repeat="alert in recentalerts | orderBy:savedOrder:reverse | filter:searchText">
      <td ng-click="search(alert.epochtime)">{{alert.epochtime}}</td>
      <td ng-click="search(alert.ip)">{{alert.ip}}</td>
      <td ng-click="search(alert.type)">{{alert.type}}</td>
      <td ng-click="search(alert.classification)">{{alert.classification}}</td>
    </tr>
  </tbody>

我尝试了 {{alert.epochtime.toISOString()}} 但没有成功。我想在我执行 toISOString() 之前它需要是一个日期对象，但是有没有办法在 ng-repeat 中执行此操作？

Answer 1

你可以使用date过滤器

Date Filter Docs

请看下面的代码。

angular.module('myapp', [])
  .controller('MainCtrl', function($scope) {
    // this will return epoch date
    $scope.epochtime = (new Date).getTime();
  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myapp">
  <div ng-controller="MainCtrl">
    <div>{{epochtime}}</div>
    <div>{{epochtime | date:'yyyy-MM-dd HH:mm:ss Z'}}</div>
  </div>
</div>