javascript - Angular ng-repeat 列表值分割

Question

我将以下数据存储在本地存储中，并且我想在 html 页面中检索这些值以获取搜索历史记录(假设搜索历史记录是一个列表)。

hotelSearchCriteria = {
        destination : location,
        datesInfo:{
            checkInDate : '2017/05/22',
            checkOutDate: '2017/05/30'
        }
}
localStorage.setItem("hotelSearchCriteria", JSON.stringify(hotelSearchCriteria));

var storedInfoArray = JSON.parse(localStorage.getItem('hotelSearchCriteria'));
if(storedInfoArray != null){
    $scope.storedInfoArrayAngular = storedInfoArray;
}

我想使用 ng-repeat 检索这些值，并且需要将 checkInDate 和 checkOutDate 拆分为“05/22(周一) - 05/30(周二)” 我可以将数据作为列表成功存储在 localStorage 中，但在检索这些值列表时遇到问题。如何在 ng-repeat 中分割日期？

<li ng-repeat="storedInfo in storedInfoArrayAngular">
    <p>{{storedInfo.destination}}</p> 
    <span>{{storedInfo.checkInDate}}</span> - <span>{{storedInfo.checkOutDate}}</span>
</li>

预期结果

搜索历史

新加坡

05/22(星期一) - 05/30(星期二)

东京

05/22(星期一) - 05/30(星期二)

有人可以帮我吗？提前致谢

Answer 1

看起来 checkInDate 和 checkOutDate 是 storedInfo.datesInfo 的属性，因此在引用它时应该使用完整的对象路径:

<li ng-repeat="storedInfo in storedInfoArrayAngular">
    <p>{{storedInfo.destination}}</p> 
    <span>{{storedInfo.datesInfo.checkInDate}}</span> - <span>{{storedInfo.datesInfo.checkOutDate}}</span>
</li>

要将日期格式设置为 05/22(星期一)，您可以使用 date filter如下:

{{ storedInfo.datesInfo.checkInDate | date: "MM/dd (EEE)" }}