Angularjs: Anzahl der neuen Nachrichten anzeigen

Question

Ich arbeite gerade an einer Chat-Anwendung und dort möchte ich die Anzahl der neuen Nachrichten anzeigen.

<div class="people" > 
     <div ng-repeat="user in allCompanyUsers"> 
      <div class="person" ng-click="activateChat(user); bubble=true" id="chat_{{user.id}}"> 
       <img alt="" /> 
       <span class="name" >{{user.firstName}} {{user.lastName}} 
       <span ng-if="!bubble" class="noti_bubble">{{count}}</span></span> 
       <span class="preview"></span> 
      </div> 
     </div> 
    </div> 

    <div class="chat active-chat"> 
      <div ng-repeat="c in activeConversations track by c.time| orderBy:'time':false"> 
       <div class="bubble" ng-class="c.type"> 
        {{c.message}} &nbsp;&nbsp;&nbsp;&nbsp; 
        <span class="user_message">{{c.time | date:'yyyy-MM-dd HH:mm:ss'}}</span> 
       </div> 
      </div> 
     </div> 

Jede Art von Hilfe wird im Voraus geschätzt und Dank werden ...

Answer 1

Sie können {{activeConversations.length}} verwenden, um die Länge zu erhalten/zählen wie:

<div class="people" > 
    <div ng-repeat="user in allCompanyUsers"> 
     <div class="person" ng-click="activateChat(user); bubble=true" id="chat_{{user.id}}"> 
      <img alt="" /> 
      <span class="name" >{{user.firstName}} {{user.lastName}} 
      <span ng-if="!bubble" class="noti_bubble">{{activeConversations.length}}</span></span> 
      <span class="preview"></span> 
     </div> 
    </div> 
</div> 

<div class="chat active-chat"> 
     <div ng-repeat="c in activeConversations track by c.time| orderBy:'time':false"> 
      <div class="bubble" ng-class="c.type"> 
       {{c.message}} &nbsp;&nbsp;&nbsp;&nbsp; 
       <span class="user_message">{{c.time | date:'yyyy-MM-dd HH:mm:ss'}}</span> 
      </div> 
     </div> 
    </div>