如何在我的情况下设置Angular/Bootstrap UI
How to setup Angular/Bootstrap UI in my case?
我在为我的应用程序设置Angular / bootstrap
时遇到了麻烦
我在看这个页面的分页介绍。
http://angular-ui.github.io/bootstrap/我app.jsangular.module('myApp', ['ngRoute','ui.bootstrap']).
config(['$routeProvider', function($routeProvider) {
….
}]);
controller.js
angular.module('myApp', ['ngRoute']).
controller('PaginationCtrl',['$scope', function ($scope) {
$scope.totalItems = 64;
$scope.currentPage = 4;
$scope.maxSize = 5;
$scope.setPage = function (pageNo) {
$scope.currentPage = pageNo;
};
$scope.bigTotalItems = 175;
$scope.bigCurrentPage = 1;
}])
html <div id='pagination-wrapper' ng-controller='PaginationCtrl'>
<pagination direction-links="false" total-items="totalItems" page="currentPage" num-pages="smallnumPages"></pagination>
</div>
当我加载页面时,我没有错误,但我似乎看不到分页功能。有人能帮我一下吗?非常感谢!
问题似乎是在那里重新声明依赖项。如果你从controller.js模块中移除ngRoute依赖,它就能工作了。您还可以删除不使用的示例变量。
angular.module('myApp').
controller('PaginationCtrl',['$scope', function ($scope) {
$scope.totalItems = 64;
$scope.currentPage = 4;
}]);
工作示例:http://plnkr.co/edit/wpgoDrA2Z7pjXbgdNrM8?p=preview
相关文章:
- 包括angular 1.3.0项目上的angular bootstrap ui
- Angular+bootstrap ui,检查当前选项卡是否已处于活动状态
- 如何在angular bootstrap ui中聚焦活动导航选项卡中的拳头输入字段
- 在Angular Bootstrap Modal和父控制器之间共享作用域
- Angular 1.5组件中的Angular Bootstrap Modal$uibModalInstance未知提供程
- (Angular+Bootstrap)如何阻止两个日期选择器被同一按钮打开
- Angular Bootstrap正在创建重复的引导模式
- Angular Bootstrap$modal与活动背景元素
- Angular Bootstrap选项卡在单击选项卡后更改url
- 更新angularjs库会导致angular.bootstrap()中出现错误
- Angular+Bootstrap中的活动按钮状态
- Angular Bootstrap 3导航栏子菜单不会启动
- 未知提供程序:在angular.bootstrap之前使用$injector获取$location服务时使用$rootE
- 动态更改 Angular Bootstrap 日期选择器的语言
- ng-app or angular.bootstrap
- 在Angular上创建和更新记录的模式相同(Angular+bootstrap)
- AngularJs使用angular.bootstrap()时出现未知提供程序错误
- 在angular.bootstrap之前防止angular插值{{}}
- 隐藏Angular Bootstrap模态而不是关闭
- 未知提供程序:3提供程序<-3使用Angular Bootstrap uibModal