• In the next steps, we will be adding a realtime user roster to our chat app while introducing an online-user-list component that get the online users from its User service.
• Through our User service, we will be able to get the list of online users and have this list updated in real-time each time someone joins or leaves the chat app.
• Building an AngularJS Chat App with a User Roster Using Presence API
• Let’s fetch the list of users already connected when we are initiating our service.
• Now that the UserService is created and holding the list of online users always updated, the only thing we have to do is to get this list and set up an ng-repeat around it.

Read more