Почему куки сохраняются с начальным порядком массива, чем с измененным порядком массива в angularjs?

Question

Итак, я использую angular-ui-sortable, где у меня есть массив как

var groups = [{
  name: 'Applicants',
  place: 'NY'
},{
  name: 'Volunteer',
  place: 'CA'
},{
  name: 'Others',
  place: 'LA'
}];

так, когда я перетаскиваю и сортирую это. Я сохраняю это в куки. следующим образом:

 var groupsObj = {
     groups: ui.item.sortable.droptargetModel
 }
 $cookies.putObject('groups', groupsObj);

когда я console.log ui.item.sortable.droptargetModel, он дает мне правильный отсортированный массив. например:

[{
  name: 'Applicants',
  place: 'NY'
},{
  name: 'Others',
  place: 'LA'
},{
  name: 'Volunteer',
  place: 'CA'
}];

Но когда я получаю печенье следующим образом:

$cookies.getObject('groups'); 

это дает мне исходный массив вместо отсортированного массива.

[{ name: 'Applicants',
  place: 'NY'
},{
  name: 'Volunteer',
  place: 'CA'
},{
  name: 'Others',
  place: 'LA'
}];

Я не уверен, в чем проблема, это справочная проблема?