Добавление элемента вверху списка с помощью Angular UI-Scroll

Я использую Angular UI Scroll. Вот пример, которому я следую. Здесь есть демо-страница. Имеет функцию добавления элемента списка в определенную позицию. Ниже приводится выдержка из кода:

        $scope.addToList1 = ->
            $scope.firstListAdapter.applyUpdates (item, scope) ->
                newItem = undefined
                if scope.$index == 2
                    newItem =
                        id: idList1
                        content: 'a new one #' + idList1
                    idList1++
                    return [
                        item
                        newItem
                    ]
                return

Эта функция добавит элемент списка на 3-е место. Тем не менее, я не могу использовать этот, чтобы добавить элемент в верхней части (то есть в верхней части списка). Я пытался положить scope.$index == 0 вместо scope.$index == 2, Если я использую scope.$index == 1, это добавит элемент во вторую позицию. В ui-scroll также есть функция prepend, но я не уверен, как ее использовать, чтобы всегда добавлять элемент вверху списка. Вновь добавленный элемент всегда должен быть в позиции 1.

Любые предложения будут высоко оценены.

1 ответ

Решение

Вы можете добавить элементы в верхней части списка с помощью $index == -1

$scope.addToList1 = ->
    $scope.firstListAdapter.applyUpdates (item, scope) ->
        newItem = undefined
        if scope.$index == -1
            newItem =
                id: idList1
                content: 'a new one #' + idList1
            idList1++
            return [
                item
                newItem
            ]
        return
Другие вопросы по тегам