gpt4 book ai didi

angularjs - 使用 angularjs Bootstrap 进行分页

转载 作者:行者123 更新时间:2023-12-01 07:02:24 25 4
gpt4 key购买 nike

我正在尝试遵循示例 here用于分页。

我已经能够进入可以显示新页码的阶段,但我无法触发点击事件。我该怎么做才能触发 data-ng-click="setPage()"在下面示例中的寻呼机上

<!doctype html>
<html ng-app="PagingModule">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"></script>
<script type="text/javascript" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.5.0.js"></script>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css"
rel="stylesheet">
<script type="text/javascript">

var PagingModule = angular.module('PagingModule', ['ui.bootstrap']);

PagingModule.controller('PaginationCtrl', function PaginationCtrl($scope) {


$scope.noOfPages = 7;
$scope.currentPage = 1;

$scope.setPage = function () {
alert("in");//I am unable to reach this code

};
}
);


</script>
</head>
<body>
<div ng-controller="PaginationCtrl" class="well well-small">
<pagination data-ng-click="setPage()" boundary-links="true" num-pages="noOfPages"
current-page="currentPage" class="pagination-small" previous-text="&lsaquo;"
next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
{{currentPage}}
</div>
</body>
</html>

最佳答案

使用 ng-change
Angular bootstrap 分页可以使用 ng-change属性。它代表一个可以在分页改变时调用的函数。使用 ng-model 获取当前页面:

<pagination ... ng-change="setPage()" ng-model="current_page"></pagination>

对于旧版本 <= 0.11

您可以在 Controller 中定义一个函数并使用 on-select-change 将一个属性传递给它:
<pagination ... on-select-change="setPage(page)"></pagination>

在此处查看更多信息:
https://github.com/angular-ui/bootstrap/blob/master/src/pagination/docs/readme.md

查看代码的重大更改 here .

关于angularjs - 使用 angularjs Bootstrap 进行分页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18665566/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com