Simple load more function for ng-repeat with limitTo filter

loadMore.js

// set the default amount of items being displayed
$scope.limit= 5;

// loadMore function
$scope.loadMore = function() {
  $scope.limit = $scope.items.length
}

template.html

<ul class="lists">
  <li ng-repeat="item in items | limitTo:limit">
    <span>{{item.name}}</span>
  </li>
  <li>
    <button ng-click='loadMore()'>Load More</button>
  </li>
</ul>

Can this js code be placed within <script> </script> and expected to work?

i receiver the error message length is not defined

// set the default amount of items being displayed
$scope.limit= 5;

// loadMore function
$scope.loadMore = function() {
  $scope.limit =   $scope.limit + 5;
}