角度ng-repeat列表值分割

Question

我將以下數據存儲在localstorage中，我想在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（Mon）-05/30（Tue）”我可以將數據成功存儲在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（星期一），您可以使用日期過濾器 ，如下所示：

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