在 ng-repeat 中调用函数(例如 Date)
Calling a function (eg. Date) inside ng-repeat
我是 Angular 的新手,这个问题很可能是一个微不足道的问题!
<div ng-controller="index">
<table class="table table-striped">
<thead style="font-weight: bold;">
<td>Update Time</td>
</thead>
<tbody>
<tr ng-repeat="doc in allDocuments | searchFilter:srcStr">
<td>{{doc.updateTime}}</td>
</tr>
</tbody>
</table>
</div>
以上html效果图如下:
更新时间
1419421439570
1418552500904
1418368139999
1417703400456
但这些值实际上是时间戳(作为长值来自服务器),我想通过将它们转换为 JavaScript 日期对象来将它们呈现为正确的日期(例如 MM/DD/YYYY) .无论如何我可以在 ng-repeat
块本身内这样做吗?
您可以使用
date
过滤器形式 angular。
<td>{{doc.updateTime | date}}</td>
通过使用内置过滤器,尝试以下操作:
<td>{{ doc.updateTime | date: 'MM/DD/YYYY' }}</td>
其他选项:
如果您想在很多地方重复使用该格式,而不是在每个地方都进行硬编码,您可以使用 $scope
在控制器中:
$scope.dateFormat = 'MM/DD/YYYY';
然后在html:
<td>{{ doc.updateTime | date: dateFormat }}</td>
我是 Angular 的新手,这个问题很可能是一个微不足道的问题!
<div ng-controller="index">
<table class="table table-striped">
<thead style="font-weight: bold;">
<td>Update Time</td>
</thead>
<tbody>
<tr ng-repeat="doc in allDocuments | searchFilter:srcStr">
<td>{{doc.updateTime}}</td>
</tr>
</tbody>
</table>
</div>
以上html效果图如下:
更新时间
1419421439570
1418552500904
1418368139999
1417703400456
但这些值实际上是时间戳(作为长值来自服务器),我想通过将它们转换为 JavaScript 日期对象来将它们呈现为正确的日期(例如 MM/DD/YYYY) .无论如何我可以在 ng-repeat
块本身内这样做吗?
您可以使用
date
过滤器形式 angular。
<td>{{doc.updateTime | date}}</td>
通过使用内置过滤器,尝试以下操作:
<td>{{ doc.updateTime | date: 'MM/DD/YYYY' }}</td>
其他选项:
如果您想在很多地方重复使用该格式,而不是在每个地方都进行硬编码,您可以使用 $scope
在控制器中:
$scope.dateFormat = 'MM/DD/YYYY';
然后在html:
<td>{{ doc.updateTime | date: dateFormat }}</td>