带有Bonita自定义小部件的Angular JS分页过滤器

Question

我正在使用BONITA自定义窗口小部件，以实现带有数据表分页的搜索过滤器。

在Bonita平台中，Internet上可以使用许多Angular库，并且可以在自定义小部件中使用它们。

示例代码很简单，如下所示 我在UI设计器中添加了所有资产。

寺庙部分：

   <input type="text" class="form-control" placeholder="Filter..." ng-model="filterText">
      <ul>
         <li ng-repeat="item in filterData = (totalItems | filter : {itemName: filterText}) | limitTo:3:3*(page-1)">
         <div>{{item.itemName}}</div>
        </li>
      </ul>

<uib-pagination class="pagination-sm pagination" total-items="filterData.length" ng-model="page"
    ng-change="pageChanged()" previous-text="&lsaquo;" next-text="&rsaquo;" items-per-page=3></uib-pagination>

控制器部分：

    function searchP($scope) {
    $scope.page = 1;
    $scope.totalItems = [ {itemName: "Tom"},
                    {itemName: "Tim"},
                    {itemName: "Tum"},
                    {itemName: "Tam"},
                    {itemName: "Tem"},
                    {itemName: "Tiem"},
                    {itemName: "Pum"} ];

     $scope.displayItems = $scope.totalItems.slice(0, 3);
         this.pageChanged = function() {
         var startPos = ($scope.page - 1) * 3;
         //$scope.displayItems = $scope.totalItems.slice(startPos, startPos + 3);
      console.log($scope.page);
};

}

搜索过滤器效果很好，但是页面部分未显示。

我应该为此做什么？ 预先感谢。