<div class="modal-body">
  <ul ng-repeat="shift in item.shiftName">{{shift.shortcut}}
   <span>{{shift.title}}</span>
  </ul>
</div>

vm.namesOfShift = SHIFT_NAMES;
vm.openScheduleModal = function (dayOfWeek){
  let popupArgs = {
    selectedDay: dayOfWeek,
    shiftName: SHIFT_NAMES
  };
  let template = '/components/chamModal/views/shiftModal.html';
  ModalService.open(popupArgs, template, 'lg', function(result) {
    console.log(result);
  })
};

const SHIFT_NAMES = {
 MORNING: {
   title: 'Day Shift',
   shortcut: 'D',
   workHours: 8
  },
 NIGHT: {
   title: 'Night Shift',
   shortcut: 'N',
   workHours: 7.5
  },
 GRAVEYARD: {
   title: 'Graveyard Shift',
   shortcut: 'G',
   workHours: 10
 },
  OFF: {
    title: 'Off',
    shortcut: 'O',
    workHours: 24
 },
 LEAVE: {
   title: 'Leave',
   shortcut: 'L',
   workHours: 24}
 };