ngx-owl-carousle-o分页在Angular 10中不起作用
ngx-owl-carousel-o是一个用于Angular 10的开源轮播组件库。它提供了一种简单而灵活的方式来创建响应式的轮播图，并具有丰富的功能和定制选项。
然而，如果在Angular 10中使用ngx-owl-carousel-o时分页不起作用，可能有以下几个可能的原因和解决方法：
- 版本兼容性问题：首先确保您正在使用与ngx-owl-carousel-o兼容的Angular版本。查看ngx-owl-carousel-o的文档或GitHub页面，以确保您使用的版本与您的Angular版本兼容。
- 错误的配置选项：检查您在使用ngx-owl-carousel-o时是否正确配置了分页选项。确保您提供了正确的配置参数，例如
[items]，[dots]等。参考ngx-owl-carousel-o的文档，以了解正确的配置选项。 - 数据源问题：检查您提供给ngx-owl-carousel-o的数据源是否正确。确保您提供了包含所需数量和内容的正确数据源。如果数据源不正确，可能会导致分页不起作用。
- 插件冲突：有时，如果您同时使用了其他轮播组件或插件，可能会导致冲突并影响ngx-owl-carousel-o的分页功能。尝试禁用其他轮播组件或插件，并重新测试ngx-owl-carousel-o是否起作用。
- 更新或修复问题：如果以上解决方法都无效，您可以尝试查看ngx-owl-carousel-o的GitHub页面，以检查是否有任何已知的问题或解决方案。您还可以尝试更新ngx-owl-carousel-o的版本，以获取最新的修复和改进。
总之，确保您正确配置和使用ngx-owl-carousel-o，提供正确的数据源，并检查是否存在插件冲突或已知问题。如果问题仍然存在，您可以尝试与ngx-owl-carousel-o的开发者社区联系，以获取更多帮助和支持。
相关·内容
1回答
我正在使用angular材质在angular6中创建一个应用程序。如何在一个表中使用2个分页。 ? 我想要显示分页这两个地方的页眉和页脚。 页眉分页只显示下拉列表中的“每页项目”。页脚分页将显示箭头和所有内容。 当我添加2个分页时，第二个分页不起作用。 请参考截图 ? 谢谢。
浏览 25提问于2019-03-02得票数 6
回答已采纳
我正在为angular 10项目使用angular材料表。添加材料表成功。但是现在，我正在尝试向我的表中添加分页。因此，我在我的组件中添加了以下代码。 import {MatPaginator} from '@angular/material/paginator'; 我将上述导入添加到我的app.module.ts文件中。 这是我为html页面添加的代码，用于加载分页 <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
浏览 17提问于2020-08-28得票数 1
我有一个表格，我需要实现我可以在angular2中做的pagination.How。为此，我安装了ng2分页。但这对我不起作用。我关注我的代码文件是：
module.ts
import { PaginatorModule } from 'primeng/primeng';
@NgModule({
imports: [
PaginatorModule
],
exports: [
PaginatorModule
]
})
component.html
<p-paginator [rows]="3" [totalRecords]="t
浏览 3提问于2017-03-07得票数 1
我有以下实现(Angular 6)。
数据被很好地提取出来，并按预期显示在表中。但是，分页器不起作用。
如下所示：
@ViewChild(MatPaginator) paginator: MatPaginator;
然后在构造函数中：
this.dataSource = new MatTableDataSource([]);
this.requestHttpService.getStuff()
.subscribe(data => {
this.results = data;
this.dataSource
浏览 0提问于2018-10-12得票数 0
1回答
我正在使用来自ngx pagination的ngx分页在我的angular表上实现分页，我试图使ngx分页元素居中或使其向右浮动，但由于某些原因，它没有响应。我在这里查看了类似的问题，并尝试了这些方法，但不起作用。 下面是我使用的代码： 标记 <div class="pagination">
<pagination-controls
id="data source 2"
directionLinks="false"
(
浏览 9提问于2021-04-22得票数 0
1回答
使用ui引导tpls指令
、、、、
交易是这样的。我有一个问题，使用ui引导-tpls指令，即“分页”。库在需求is中成功连接，您可以在haed中看到，但指令不起作用。
<script type="text/javascript" data-requiremodule="angularBootstrap" src="/components/angular-bootstrap/ui-bootstrap-tpls.js">
<div ng-controller="myController">
<pagination directi
浏览 1提问于2014-07-08得票数 2
回答已采纳
3回答
我在单html页面中使用了两个角度的材料表。第一个表，数据加载良好与适当的分页。但是在第二个表中，所有的数据加载都没有分页。我在两个页面中都添加了分页功能。我想展示一些关于这方面的代码。
表1分页(工作良好)
<mat-paginator #paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
表2分页(分页不起作用)
<mat-paginator #errorpaginator [pageSizeOptions]="[5, 10
浏览 0提问于2018-12-19得票数 0
回答已采纳
5回答
如何改变ngb分页背景色
、、、
我尝试将背景色设置为angular2的ngb分页项，但不起作用.
<ngb-pagination style="background-color:gray;" [collectionSize]="120" [(page)]="page" [maxSize]="5" [boundaryLinks]="true">
谢谢。
浏览 2提问于2018-10-15得票数 6
回答已采纳
1回答
我一直在研究这一点，但似乎什么都不起作用。我使用的是Ionic 5和angular 8，我有一个div，里面有一个ion-grid，它显示了我的查询结果。在底部我有分页功能。我的问题是，当你点击转到结果的另一个页面时，angular会发送一个服务器端请求，请求下一个页面，并成功加载，但页面仍然留在页面的底部，即分页位置。当新页面加载时，我希望它回到列表的顶部。更复杂的(我假设)是我的工具栏和一个“粘性”标题行(ion- row )，我认为这会使页面认为它已经滚动到顶部。在我的angular代码中，我在窗口和div上都尝试过scrollTo，但是没有效果。
请帮帮忙
浏览 0提问于2021-05-04得票数 0
错误：错误TypeError:无法读取未定义的属性“偏移”
我有喜剧成分，工作正常，但我决定做一个儿童组件，现在它不起作用了。我有一个父组件'comics‘和一个子组件’分页‘。漫画显示得很好，但分页不起作用。
在代码中，console.log(this.pagination);返回的数组如下(“偏移”：20，“计数”：1)
但是pagination.component.html ir返回一个错误Cannot read property 'offset' of undefined，所以分页是空的，没有数据。因此，父comics.component.ts不与子变量共享该变
浏览 0提问于2018-04-08得票数 0
回答已采纳
我将ui-bootstrap-tpls-0.12.0.js添加到我的项目和我们的accordion中，现在我想使用分页，但我得到了这个错误
ngModelCtrl.$render is not a function
以下是我的代码
<div ng-controller="paginationCtrl">
<pagination num-pages="noOfPages" current-page="currentPage" on-select-page="pageChanged(page)"></pa
浏览 1提问于2014-12-01得票数 2
回答已采纳
1回答
我用angular js编写了客户端分页代码。
从这里关于分页的另一个问题开始，我已经将代码转换成这样，但不起作用。
怎么啦？
myapp.controller('MainCtrl', function($scope, Events) {
$scope.mydata = [];
Events.query(function(data) {
$scope.mydata = data;
});
$scope.get = function (offset, limit) {
return $scope.mydata.slice( offset, o
浏览 3提问于2013-05-17得票数 0
1回答
我有这个：
angular.module("angular-table").directive("atPagination", [
function() {
return {
restrict: "E",
scope: false,
replace: true,
template: paginationTemplate,
link: function($scope, $element, $attributes) {
/
浏览 0提问于2018-07-28得票数 2
回答已采纳
1回答
我想启用分页，但我在客户端和服务器端分页之间左右为难。从长远来看(更多的数据)，服务器端分页可能更好，但我还没有找到一个好的教程。
我使用Angular/Express/Mongo。我在使用Boostrap UI，并希望使用他们的分页指令进行分页。我读过一些关于如何做到这一点的文章，但它们已经过时了，我无法让它正常工作。
有没有人能帮我把这个例子用在Angular的Bootstrap UI上？
浏览 2提问于2014-07-29得票数 1
最近，我遇到了一个关于我的分页的错误，在过滤之后不能更新。幸运的是，这是被管理的，然而，现在我正在处理一个关于ui-bootstrap用法的冲突。因为我有我的项目，我正在使用，
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
根据我转播的他们使用的代码，
<script src="angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.2.0.js"; type="te
浏览 1提问于2015-02-25得票数 0
2回答
如何避免tr中的分页符？
、、、
如何避免<tr>中的分页符
(ANGULAR项目)我有表格(PrimeNG表格)，我想避免打印页面后中断。我使用Chromium/Chrome浏览器。在打印之后，我得到了这个结果：
那么，如何避免这种情况，或者如何禁用重复thead呢
我试过这个链接，但是不起作用：
浏览 0提问于2018-09-25得票数 1
AngularJS Kendo默认支持服务器端分页。这可以使用标志serverPaging: true来启用 现在我们在Angular v6上迁移，我在探索https://www.telerik.com/kendo-angular-ui，但找不到任何关于服务器端分页的默认支持的参考资料。 分页模板基于可用总记录构建菜单。不能仅使用总数记录来操纵它。 如果有人使用最新的kendo-ui实现了服务器端分页，请分享该方法
浏览 19提问于2018-12-15得票数 3
回答已采纳
1回答
我在使用angular材质开发的表格上使用分页。我使用mat-paginator对表进行了分页，如下所示：https://material.angular.io/components/paginator/overview 它在我的表上使用一个分页器就可以很好地工作。 my_app.ts import { Component, ChangeDetectorRef, ViewChild, Input, OnChanges} from '@angular/core';
import {MatPaginator, MatTableDataSource} from '@angu
浏览 27提问于2019-04-08得票数 0
我们可以在剑道角-ui网格中分页和分组吗？想要了解这在使用angular2的剑道网格中是否可行吗？
我试图创建一个示例，在这个示例中，我可以将分组和分页结合在一起，但不知怎么分页不起作用。
<kendo-grid [groupable]="false" [data]="gridView" [group]="groups" [pageSize]="pageSize" [skip]="skip" [pageable]="true" (dataStateChange)="dataStateC
浏览 3提问于2017-06-05得票数 1
回答已采纳
2回答
我在我的页面表单中使用了分页。我遵循它的指示，下面是我在项目中的相关文件：
app.item.html
<mat-paginator [length]="100"
[pageSize]="10"
[pageSizeOptions]="[5, 10, 25, 100]">
</mat-paginator>
app.item.ts
import {Component} from '@angular/core';
@Component({
t
浏览 2提问于2018-01-17得票数 0
请建议使用angular js和angular-ui bootstrap实现服务器端分页的不同方法。我会根据在angualr-ui bootsrap分页指令中选择的当前页面，使用ng-repeat对列表进行分页。因为我们需要避免频繁地调用服务器。我们需要从服务器获取50个项目在同一时间。我们显示每个page.Since有10个项目，我们需要分页到更大的数据集，出于性能原因，我们需要保持ng-repeat模型始终包含50个项目。
浏览 0提问于2016-07-21得票数 4
我已经在我的控制器中填充了一个可观察的数组/MatTableDataSource，其中包含来自firestore中的“expenses”集合的数据，我希望能够对此使用angular material 2分页方法，但在网上找不到任何文档/教程来说明如何做到这一点。
我的控制器目前是这样设置的，但分页的尝试不起作用：
import { Component, OnInit, AfterViewInit, ViewChild } from '@angular/core';
import { MatPaginator, MatTableDataSource, MatSort } fro
浏览 6提问于2018-02-22得票数 1
我正在尝试在angular2 rc5中集成排序和分页。分页与NG2-分页一起工作，搜索排序。有没有排序的好例子？
浏览 1提问于2016-08-30得票数 0
我使用分页(角/ui.bootstrap)作为我的列表。分页控制显示在我的网站上，但在VS中它说“未知的元素‘分页’或元素不能放在这里”。
我已经把分页标签放在我的表后面(ng-重复)，在我的ng控制器div中。
我在用这些cdns
ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js
angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.2.js
netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.cs
浏览 1提问于2014-10-06得票数 0
回答已采纳
大家好，我们想用Angular的UI Bootstrap分页指令进行服务器端分页。我们知道如何创建一个RESTful端点来提供来自我们服务器的页面，但是没有看到任何关于如何将该端点连接到Angular的UI Bootstrap分页指令的文档。
浏览 0提问于2015-01-29得票数 15
回答已采纳
在我的angular应用程序中，我使用的是datatable，它有以下选项。 options = {
sDom: 'rt<"bottom"p>',
pagingType: 'full_numbers',
ajax: (data, callback, settings) => {
this.http.get('https://jsonplaceholder.typicode.com/posts')
.subscribe((response : any) =>
浏览 5提问于2019-02-25得票数 0
2回答
是否可以将angular材质内置主题仅应用于特定组件？
我做到了：
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
在我的一个component.scss文件中，并将其引用为component.ts文件中的styleUrl。但是样式不适用于我的角度材料分页器。
下面是分页器的样子
如图所示，样式不适用。
是不是因为我是在一个特定于组件的scss文件中导入它们，而不是在angular.json中导入？
浏览 0提问于2018-10-25得票数 5
我正在做一个最新版本的angular项目。我有一个页面，在那里显示从数据库到表的数据。我使用了ng-bootstrap表及其分页。一切都正常，数据生成、分页以及每个页面的项目显示都正常，除了ng-pagination的样式设置不起作用。以下类是.pagination、.page-item和.page-link。这些类可以在bootstrap.css中找到。我也包含了最新的bootstrap。我知道bootstrap.css起作用了，因为表的样式和每页选择的项目都起作用了。 我只在一个组件中包含了bootstrap.css。 我试着覆盖它，但没有用。请帮帮忙，谢谢！
浏览 11提问于2020-04-12得票数 0
回答已采纳
我正在尝试使用Angular 11使用Django REST分页对象。我不是一个完全的编码新手，但我对Angular非常陌生。 目前我的Django REST api被配置为每6个项目分页，对象中的总项目是10个。然后Django输出一个"next“URL，它可以很好地使用Django的字符串插值功能，但使用Angular就不那么容易了。 我密切关注了这篇教程，不仅因为它有几乎完整的代码块，还因为它是我能在谷歌上找到的处理Django REST API和Angular分页的唯一完整的代码示例：Link to other stackoverflow question dealing w
浏览 11提问于2021-04-18得票数 0
回答已采纳
如何在angularjs中进行简单的分页，我从db获取控制器中的数据，并希望在angular中使用分页显示所有数据？
浏览 4提问于2016-04-19得票数 0
是否可以在slickgrid中设置行的背景色(基于数据值)并使用分页？对于angular-slickgrid包。
我按照多个其他(旧)帖子的建议使用了getItemMetadata -示例。
这段代码：
metadata(old_metadata_provider) {
return function(row) {
var item = this.getItem(row);
var ret = (old_metadata_provider(row) || {});
if (item) {
r
浏览 2提问于2020-05-21得票数 4
1回答
角度材料中的分页
、、
在angular material中有没有支持分页的网格组件？
文档页面上唯一可用的grid指令是md-grid-list ()，但我没有看到分页选项。
浏览 0提问于2016-11-16得票数 0
我在用角cli建造一个角度模块。在另一个项目中，我称之为这个模块。
当我运行ng serve时，所有这些都能工作。但是，当我运行ng build --prod时，我会得到以下错误：
找不到./node_modules/my-module/dist/pagination/pagination.ngfactory.js模块中的错误:错误:无法解决'/my-web-application/node_modules/my-module/dist/pagination‘中的“分页”
未找到./src/app/app.module.ngfactory.js模块中的错误:错误:无法解析/my-web
浏览 3提问于2019-09-20得票数 0
我试图在我的项目中使用UI Bootstrap分页指令，但由于某种奇怪的原因，用于更新当前页面的ng-model不起作用。使用正确的选项卡数和所有内容正确地显示分页，但是当我单击不同的数字时，ng-model变量没有更新。对我来说，我想不出为什么不。
我使用的代码取自UI Bootstrap主页上的示例：
<uib-pagination total-items="totalItems" ng-model="currentPage"
ng-change="pageChanged()"></uib-pagination>
浏览 2提问于2016-01-14得票数 13
回答已采纳
1回答
我有三个标签(文章，访问者，订阅)和一个共同的分页的地方；其中每个标签数据将提供分页。单击相应的选项卡；相应的ng视图正在显示，控制器正在正确响应。对于这个定制的分页，我想根据服务器响应(下一个分页可用的页数)相应地更新<li>的页数。
<div ng-app="myLibrary">
<ul>
<li><a href="#/articleManager">Article(s)</a></li>
<li><a href=&
浏览 3提问于2015-07-11得票数 0
5回答
角材料分页器不工作
、、、、
我正试图在我的应用程序中添加棱角材质分页器。
MatPaginatorModule添加了模块。
<mat-paginator #paginator
[length]="100"
[pageSize]="10"
[pageSizeOptions]="[5, 10, 25, 100]">
</mat-paginator>
但它给出了一个错误：
未知错误:模板解析错误：
不能绑定到‘长度’，因为它不是一个已知的属性‘垫-分页器’。
浏览 8提问于2017-12-12得票数 36
我正在尝试在一个Angular-6项目中使用ag-grid-angular。我的数据源在API中，其中数据以分页的形式出现。
我找不到任何例子，在ag-grid中，服务器在页面更改时被击中。
在无限滚动中有一个例子，但它一次性加载所有数据，并对客户端进行分页。
请帮帮忙。
浏览 30提问于2018-12-03得票数 1
请参考下面的stackblitz链接 https://stackblitz.com/edit/angular-l4mzdb?file=src%2Fapp%2Fapp.component.ts 在输出中显示了分页组件，但是分页组件没有考虑要应用分页的数据。 如果有人能回答，请告诉我。
浏览 41提问于2019-01-28得票数 3
回答已采纳
尝试按照"“中的示例使用分页功能。我使用的是"NG Bootstrap "^4.0.0“。当分页控件本身工作时，它们的显示是中断的。
下面是取自“package.json”的依赖项：
"name": "ng7sass",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "
浏览 0提问于2018-11-27得票数 0
我试图在angular 2,4,6库的kendo ui中实现服务器端分页，但我找不到方法。它似乎只适用于客户端分页。
浏览 4提问于2018-09-27得票数 1
我正在使用Angular的Datatable，并在如下模板中使用它： <manager-table [data]="items" [columns]="columns" [loading]="isLoading" ></manager-table> 在table.component.ts中，我有 @Component({
selector: "manager-table",
templateUrl: "./table.component.html",
styleUr
浏览 15提问于2020-07-02得票数 0
1回答
我在angular 4上实现了ag-grid，服务器端的分页有问题。
有没有办法在使用无限滚动实现分页的同时，在网格就绪事件上转到特定的页面？
浏览 4提问于2018-02-22得票数 1
我正在尝试添加自定义列筛选器(自动完成，select ...)但是找不到方法。我尝试在th上使用tr-ng-grid-column-filter属性覆盖默认筛选器模板，但它不起作用。标题以某种方式改变了(标题不再是粗体)，并且根本不使用新模板。
tr-ng-grid-column-filter是做这件事的正确方式吗?还是有别的办法呢？
数据在服务器上进行排序、分页和过滤，因此它与angular或trnggrid客户端过滤和格式化没有任何关系。因此，我只想在某些列(例如select)上显示一些其他输入，而不是由网格呈现的默认输入文本。
我使用的是angular 1.2.22和 3.0.3
浏览 2提问于2014-10-21得票数 1
1回答
在我的AngularJS应用程序中，我遇到了一个实现分页的问题，我想实现prev和next按钮，但是它不起作用。
我认为它不适用于我的指令“分页”，我在我的模板中使用了一个新的过滤器“分页”，这就是问题.
我的模板：
<div ng-controller="ListCustomer">
<table class="table table-striped table-hover table-bordered">
<thead>
<tr>
浏览 5提问于2014-09-11得票数 0
1回答
我引入了分页并遵循了guides。 这是我的app.component.ts文件- import { Component, OnInit, ViewChild } from '@angular/core';
import {MatPaginator} from '@angular/material/paginator';
import { ApiServicefile, User } from './api.service';
import {MatTableDataSource} from '@angular/material/tab
浏览 6提问于2019-06-30得票数 0
回答已采纳
1回答
我有一个简单的数据集，我想使用角-js ui分页。它是服务器驱动的分页，因为它可以变得相当大。
现在，我有一个问题，就是我的分页元素没有出现。
<pagination total-items="totalItems" page="filterCriteria.pageNumber"></pagination>
这两个参数都是正确的(测试)。
起初，我想我可能没有导入所有正确的文件，但经过一些检查后，我似乎找不到任何丢失的东西：
<script src="//ajax.googleapis.com/ajax/libs/jque
浏览 4提问于2014-02-07得票数 2
回答已采纳
我正在使用mat分页器，当我改变页面时，我会得到 📷 我怎么才能修复它？Mb我错过了一些模块？我的app.module.ts import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component
浏览 19提问于2021-04-07得票数 1
回答已采纳
我只是想要加载一个部分页面。
HTML：
<!DOCTYPE html>
<html ng-pp='app' lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Friends</title>
<script src='angular/angular.js'></script>
浏览 1提问于2017-03-21得票数 0
4回答
我正尝试在我的Angular 6中的mat-table中添加分页。我正在使用下面链接中的一些示例。但它不起作用：
看起来mat-table正确地填充了数据，分页器正确地出现在它的下面，但它们无法连接在一起：
正如您所看到的，分页器被设置为每页5条记录，但是表中当前页面上的记录多于当前页上的记录。它还显示0，这进一步表明链接到表失败。
下面是我的html：
<mat-table #table [dataSource]="dataSource" class="animate topMatDataTable”>
…
</mat-
浏览 0提问于2018-12-20得票数 1
我正在尝试在一个使用bootstrap 3.0.2的angular应用程序中使用ui-bootstrap-0.6.0.js中的angular-ui分页器指令
我从这里找到的示例开始：
<div class="well well-small">
<pagination class="pagination-small" total-items="bigTotalItems" page="bigCurrentPage" max-size="maxSize" boundary-li
浏览 0提问于2013-12-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
