如何为对象数组中每个对象的属性变化创建DOM元素?

时间:2017-05-19 09:38:55

标签: angularjs angularjs-ng-repeat

我是angularjs的新手,遇到了问题。 我使用的是角度日历(不是我的创作)。 传递对象数组(事件)对于在我的代码中使用它的指令是必需的。 在这个插件的模板中,我可以消费"这个对象数组。

我的问题就在这里。

数组(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

我应该如何处理以获得此行为?

祝你好运!

1 个答案:

答案 0 :(得分:0)

我设法找到解决方案。

您需要先安装角度过滤器。

然后模板中的代码如下:

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

最后你获得了与标题变化一样多的范围