javascript - Angularjs Pagination directive - Stack Overflow

admin管理员组

文章数量:1336592

i am trying to write a directive to generate pagination links using the concept used in a simplePagination the prev and next links are the only links being generated and clicking them generates an error:

    Uncaught SyntaxError: Unexpected token : 

here is the fiddle /

Edit 1

got the rest of the links to show but the bi-directional binding '=' does not seem to work.

here is the new fiddle /

i am trying to write a directive to generate pagination links using the concept used in a simplePagination the prev and next links are the only links being generated and clicking them generates an error:

    Uncaught SyntaxError: Unexpected token : 

here is the fiddle http://jsfiddle/kelvo/zZURe/

Edit 1

got the rest of the links to show but the bi-directional binding '=' does not seem to work.

here is the new fiddle http://jsfiddle/kelvo/zZURe/7/

• javascript
• angularjs
• directive

Share Improve this question Follow edited Dec 31, 2012 at 10:35 klvmungai asked Dec 31, 2012 at 9:54 klvmungaiklvmungai 82411 gold badge1313 silver badges2121 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

You were updating a piece of code outside of angular and needed to let angular know to reprocess itself.

        $scope.selectPage = function(pageIndex) {
            $scope.currentPage = pageIndex;
            $scope.draw();
            $scope.$apply();                        
        }

I added the $scope.$apply(); and now the currentPage updates correctly in the input. Here are the docs on the $apply method: http://docs.angularjs/api/ng.$rootScope.Scope#$apply

jsfiddle: http://jsfiddle/zZURe/14/

本文标签： javascriptAngularjs Pagination directiveStack Overflow