Angular: получить последние 3 элемента объекта json

Расширение других ответов: вы должны посмотреть на добавление идентификатора или даты к каждому комментарию. Для моего примера решения я использовал «ID».

В моем разветвленном фрагменте я добавил итог и кнопку «показать больше» для расширяемого списка комментариев. Размер управляется переменной 'limit'.

Кроме того, переменная 'itemID' внутри $scope.addMessage() добавляет ID к каждому комментарию. Это решит часть 2 вашего вопроса.

Планкер: http://plnkr.co/edit/bAtXmCls2gk8p5WAHsrM?p=preview

$scope.addMessage (добавляет элемент, описание имеет значение того, что вы указали в поле ввода, и сбрасывает ограничение до последних 3)

  $scope.addMessage = function(mess) {
    var itemID = $scope.items[0].comments.length + 1;
    $scope.items[0].comments.push(
          {
            "id": itemID,
            "name":"user" + itemID,
            "description": mess
          }
      );
    $scope.totalItems = itemID;
    $scope.limit = 3;
  }

$scope.showMore (увеличивает лимит на 3)

  $scope.showMore = function() {
    $scope.limit += 3;
  }

JSON: я немного изменил его. 'comments' теперь представляет собой массив, а также добавлен 'id'

    "comments":
    [
      {
        "id": 1,
        "name":"user1",
        "description": "This is comment 1"
      },
      {
        "id": 2,
        "name":"Jane D.",
        "description": "This is comment 2"
      },
      ...
    ]

Посмотрите на фильтр limitTo. Вы можете указать с конца списка, используя отрицание.

Вы могли бы сделать

message in item.comments|limitTo:-3

Также для ваших комментариев вы не должны использовать их как словарь объектов, а просто использовать такой массив:

"comments":
        [
          {
            "id": "comment1",
            "name":"user1",
            "description": "This is comment 1"
          },
          {
            "id": "comment2",
            "name":"Jane D.",
            "description": "This is comment 2"
          },
          {
            "id": "comment3",
            "name":"Jone D.",
            "description": "This is comment 3"
          },
          {
            "id": "comment4",
            "name":"Test",
            "description": "This is comment 4"
          },
          {
            "id": "comment5",
            "name":"user",
            "description": "This is comment 5"
          }
        ]

Если они еще не в порядке, вам может потребоваться добавить поле сортировки даты и отсортировать их после того, как вы их вставите.

Вот обновление плунжера, чтобы помочь вам. Обратите внимание, что ваш ng-repeat также был не в том месте.

Есть несколько замечаний:

Я изменил комментарии, чтобы они были массивом в json. По какой-то причине он у вас был как объект.

Вы можете использовать фильтр limitTo, чтобы ограничиться тремя последними. <li ng-repeat="message in item.comments | limitTo:-3"></li>

Мой ответ включает в себя общий и действующий комментарий.

Код контроллера:

myApp.controller('ItemController', function($scope, $route, $location, $http, Items){

  Items.get(function(response){
    $scope.items = response; 

  })

  $scope.$watch('items', function() {
     $scope.total = $scope.items[0].comments.length;
  });

  $scope.addMessage = function(mess) {
    $scope.items[0].comments.push(
      {
        "name":"user1",
        "description": "This is comment " + ($scope.total + 1) 
      }
    );
  }

})

Обновленный Plunkr: http://plnkr.co/edit/2oWLRU06Kdp0yKqjodmv?p=preview