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

时间:2016-02-01 11:07:13

标签: angularjs ui-scroll

我正在使用Angular UI scroll。我关注的例子是this one。它有一个演示页here。它具有在特定位置添加列表项的功能。以下是代码的摘录:

        $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 个答案:

答案 0 :(得分:2)

您可以使用$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