AngularJS: Scroll to end of element after applying DOM changes

Question

I have a simple list of items. I want to be able to scroll to the bottom of the element displaying the items whenever I add more items. I understood there is no way of hooki

Answer 1

You could create a simple directive that bind a click handler that scrolls the

to the bottom each time.

myApp.directive("scrollBottom", function(){
    return {
        link: function(scope, element, attr){
            var $id= $("#" + attr.scrollBottom);
            $(element).on("click", function(){
                $id.scrollTop($id[0].scrollHeight);
            });
        }
    }
});

example on jsfiddle