JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.min.js"></script>
<script>
    function FriendsCtrl($scope) {
    
    $scope.friends = [{
        email: ['abc', 'def']
    }, {
        email: ['ghi', 'jkl']
    }];
    
    $scope.shifts = [
    {"ID":0,"Title":"Day"},
    {"ID":0,"Title":"Evening"},
    {"ID":0,"Title":"Nights"},
    {"ID":0,"Title":"Weekends"}
    ];
    
    };  
</script>

<div ng-app ng-controller="FriendsCtrl">
    <ul>
        <li ng-repeat="friend in friends">
            {{friend.email.join(', ')}}
        </li>
    </ul>
    
    <h3> Trailing Comma </h3>
        <p><span ng-repeat="shift in shifts">
            {{shift.Title}}, 
            </span></p>
    
    <h3> Trailing Comma Fix with JOIN </h3>
        <p><span ng-repeat="shift in shifts">
            {{shift.Title.join(', ')}} 
        </span></p>    
    
    <h3>Trailing Comma Fix with $LAST </h3>
        <p><span ng-repeat="shift in shifts">
            {{shift.Title}} {{$last ? '' : ', '}} 
        </span></p>  
    
</div>