angularjs - 使用 Angular UI-Scroll 在列表顶部添加项目

Question

我正在使用 Angular UI 滚动。我下面的例子就是这个。这里有一个演示页面。它具有在特定位置添加列表项的功能。以下是代码的摘录：

        $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。

任何建议将不胜感激。

Answer 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