AngularJS-专注于嵌套滚动中的对象

Question

So I'm trying to have a nested scroll focus based on a key input. For this I've used ng-focus but I seem to have misunderstood it's purpose.

This JSFiddle shows what I've done so far. Whenever a match is found I set ng-focus="x._focus" to true, and in the console log it shows that this is happening. But the scroll is not moved to have the input field in focus. How is that?

Answer 1

hey i did not really understand what you want , but check this and let me know if this is what you want jsFiddle

function MyCtrl($scope) 
{
    $scope.list = []

    for(var i = 0; i < 500; i++){
        $scope.list.push({
        number: i,
        _focus: false
      })
    }

    $(document).keypress(function(e) 
    {
        for(var i = 0; i < $scope.list.length; i++)
        {
            if($scope.list[i].number === e.keyCode)
            {
                $scope.list[i]._focus = true
                console.info('found : ', $scope.list[i])
                $scope.$apply(); // Apply changes and change the false to true in dom

                $('#nestedScroll').animate(
                {
                    scrollTop: $("#nestedScroll span[scrollTo='true']").offset().top
                }, "slow");

                return
            } else {
                $scope.list[i]._focus = false
            }
        }
    });
}