オブジェクト配列内のオブジェクトのプロパティバリエーションごとにDOM要素を作成する方法は？

Question

私はangularjsの初心者で、問題に直面しています。 私は角カレンダーを使用しています（私の作成ではありません）。 オブジェクト配列（イベント）を渡すことは、コード内でそのディレクティブを使用するために必須です。 このプラグインのテンプレートでは、このオブジェクトの配列を「消費」できます。

ここに問題があります。

配列（eventArray）は、この1のようなオブジェクトで構成されている

：

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 ... 

I currentEvent.titleが異なるたびにdivを作成します。

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

これ以前のコードは印刷する必要があります：

RoomA RoomB RoomC RoomZ 

は、どのように私は、この動作を得るために進むべき？

よろしくお願いいたします。

Answer 1

私は解決策を見つけることができます。

まず、角度フィルタをインストールする必要があります。

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

そして最後に、あなたはタイトルのバリエーション

限り多くのスパンを得る：

そして、テンプレート内のコードは、このようなものです