如何爲對象數組中的每個對象的屬性變體創建DOM元素？

我是一個在angularjs新手，並面臨一個問題。我正在使用角度日曆（而不是我的創建）。傳遞對象數組（事件）是我的代碼中使用它的指令的必需條件。在這個插件的模板中，我可以「消耗」這個對象的數組。如何爲對象數組中的每個對象的屬性變體創建DOM元素？

我的問題是位於這裏。

陣列（eventArray）是由物體的像這樣的：

currentEvent = { 
      _id:   bookingArray[i]._id, 
      private:  bookingArray[i].private, 
      space:   space_name, 
      user:   user, 
      isOwnBook:  $scope.connected_user._id === user._id, 
      title:   resource_title, 
      startTime:  new Date(bookingArray[i].ts_start), 
      endTime:  new Date(bookingArray[i].ts_end), 
      allDay:  false, 
      deleted:  false, 
     };

比方說，我每次登錄currentEvent.title陣列中，控制檯會是這樣：

RoomA RoomB RoomC RoomA RoomB RoomZ ...

我每當currentEvent.title不同時想創建一個div。

<span ng-repeat="currentEvent in dt.eventArray">{{currentEvent.title}}</span>

此之前的代碼應該只打印：

RoomA RoomB RoomC RoomZ

我應該如何着手，以獲得這種行爲？

此致敬禮！

來源

2017-05-19 SamTPang

我設法找出解決方案。

您需要先安裝角度過濾器。

然後在模板中的代碼是這樣的：

<span ng-repeat="(key, value) in dt.eventArray | groupBy: 'title'">{{key}}</span>

最後你得到儘可能多的跨度標題變化

來源

2017-05-19 13:41:46 SamTPang

如何爲對象數組中的每個對象的屬性變體創建DOM元素？

回答

相關問題