显示AM / PM格式的小时的另一种方式，以角度JS每小时12 AM至11 PM逐行显示表格

Question

HTML代码

<div ng-app="myApp">
<div ng-controller="MyCtrl">
    <table>
        <tr ng-repeat="item in data">
            <td>{{item}}</td>
        </tr>
</table>
</div>
</div>

js文件如下：

var app=angular.module('myApp', []);

function MyCtrl($scope) {
    $scope.data.push("12 AM"); 
    for (var i=1; i<12; i++) {
            $scope.data.push(i+" AM");
    }
    $scope.data.push("12 PM"); 
    for (var i=1; i<12; i++) {
            $scope.data.push(i+" PM");
   }
}

这可以正常工作，但是在AngularJS中执行此操作的任何其他方法将不胜感激。

Answer 1

物品实际上来自服务器吗？ 如果是这样，则应使用日期过滤器将其转换为所需的格式。 例如， {{ item | date : 'hh a' }} {{ item | date : 'hh a' }}

另一方面，如果您只想查看小时刻度（例如，日历的第一列），并且由于某种原因不想使用现有的Calendar 指令 ，那么我想您正在做什么很好 或者，您可以创建一个JavaScript日期数组（“ ... 01:00”，“ ... 02:00”等），并在{{}}中使用过滤器