動態製作日插槽Angularjs

我需要動態地做出這樣的一天中的不同時隙that--動態製作日插槽Angularjs

週一

插槽1：9：00 AM - 11:00 AM 插槽2 ：2:00 PM - 4：00PM 插槽3：下午6:00 - 11:00 PM
週二

插槽1：10:00 AM - 11:00 AM 插槽2：1:00 PM - 5：00PM 插槽3：下午7:00 - 11:00 PM
週五

插槽1：8:00 AM - 11:00 AM 插槽2：PM-12：00 1:00 PM 插槽3：3:00 PM - 4：00PM 插槽4：9：00 AM - 11:00 PM

好幾個星期的可用天數爲柔性以及插槽隨着號老虎機的時間也是動態的。我需要一個合適的數據結構來存儲這些變量，以便我可以在Angularjs中實現它。我應該爲每個數組使用數組還是可能有一些更好的實現方法。

我曾嘗試使用數組作爲

[ "available days": {"Monday":["Slot 1: 9:00AM - 11:00AM", "Slot 2: 2:00PM - 4:00Pm", "Slot 3: 6:00PM - 11:00PM"]}, 
{"Tuesday":["Slot 1: 10:00AM - 11:00AM", "Slot 2: 1:00PM - 5:00Pm", "Slot 3: 7:00PM - 11:00PM"]}, 
{"Friday":["Slot 1: 8:00AM - 11:00AM", "Slot 2: 12:00PM- 1:00PM", "Slot 3: 3:00PM - 4:00Pm", "Slot 4: 9:00PM - 11:00PM"]}]

來源

2016-03-15 ak001

請告訴我們你已經嘗試過。 – yazaki

我已經提到過我試圖使用數組作爲數據結構 – ak001

讓我們看看這種數據結構需要什麼類型的操作會有幫助。你嘗試過的JSON格式可能會被破壞。 – yazaki

它很容易。獲取JSON作爲控制列表，並將其分配給$範圍是什麼，但NG-模型一樣，

$scope.slots=[ "available days": {"Monday":["Slot 1: 9:00AM - 11:00AM", 
"Slot 2: 2:00PM - 4:00Pm", "Slot 3: 6:00PM - 11:00PM"]}, 
    {"Tuesday":["Slot 1: 10:00AM - 11:00AM", "Slot 2: 1:00PM - 5:00Pm", "Slot 3: 7:00PM - 11:00PM"]}, 
    {"Friday":["Slot 1: 8:00AM - 11:00AM", "Slot 2: 12:00PM- 1:00PM", "Slot 3: 3:00PM - 4:00Pm", "Slot 4: 9:00PM - 11:00PM"]}];

現在得到的對象一個接一個基於從日期格式的當前時間。後來使用angulat.forEach（）條件

angular.forEach($scope.slots,function(list){ 
// code goes here.... 
})

在於

現在檢查的條件，並將其分配給另一個$範圍以ng模型檢查陣列中的狹槽的名稱，並且在NG-重複html那個特定的條件列表。

注意：你必須讓NG重複的列表，

ng-repeat="item in slotlist.available days"

這裏slotlist是你的新分配的NG-模型，可用天數爲您陣列中，數據是可用的。

來源

2016-06-14 09:55:40

謝謝@Nitin Agarwal。很清楚，很好的解釋。 – ANK

動態製作日插槽Angularjs

回答

相關問題