Angular的惰性加载针对数据表使排序、筛选和分页功能无法正常工作。
创始人
2024-10-24 03:00:50
0次
- 在ラッシュのcomponent.ts テンプレートにおいて必要なライブラリを読み込むことが重要です。例えば、次のように @angular/ インポートのの中で / datatables / という名前でインポートできます。
import { DataTablesModule } from 'angular-datatables';
- その後、ラッシュテーブルを設定する必要があります。
ビュー固有の設定値を作成し、遅延読み込みに対するオプションを設定できます。ニーズに応じて、追加構成オプションも利用できます。他のオプションを追加する場合は、DatatableSettingsインターフェイスを使用してオブジェクトを作成します。
import { Component, OnInit, ViewChild } from '@angular/core';
@Component({
selector: 'app-table',
templateUrl: './table.component.html',
styleUrls: ['./table.component.css']
})
export class TableComponent {
title = 'Angular7 with Datatables';
dtOptions: DataTables.Settings = {};
@ViewChild('dataTable',{static: true}) table;
ngOnInit(): void {
this.dtOptions = {
pagingType: 'full_numbers',
pageLength: 5,
processing: true
};
}
}
- datatableを呼び出すことで、以下のようにHTMLコードを書くことができます。
以上がAngularの惰性読み込みを使ったデータテーブルのソート、フィルタリング、ページングの機能を修正する方法です。
相关内容
热门资讯
6分钟辅助！hhpoker是真...
6分钟辅助！hhpoker是真的假的，hhpoker真的有透视吗，演示教程（真是有挂）1、每一步都需...
第七分钟辅助！we poker...
第七分钟辅助！we poker插件，we poker免费辅助器，手筋教程（有挂方式）暗藏猫腻，小编详...
七分钟辅助！aa poker辅...
七分钟辅助！aa poker辅助包，pokemmo脚本辅助器下载，讲义教程（有挂秘籍）1、pokem...
第四分钟辅助！wepoker辅...
第四分钟辅助！wepoker辅助器安装包定制，aapoker透视脚本，大纲教程（有挂总结）所有人都在...
第四分钟辅助！wpk透视辅助靠...
第四分钟辅助！wpk透视辅助靠谱吗，wepoker透视苹果系统，诀窍教程（有挂猫腻）；运wepoke...
七分钟辅助！aapoker透视...
七分钟辅助！aapoker透视脚本入口，wejoker开挂，学习教程（有挂教程）1、打开软件启动之后...
第四分钟辅助！淘宝买wepok...
第四分钟辅助！淘宝买wepoker透视有用吗，wpk俱乐部怎么作弊，积累教程（有挂规律）1、下载好淘...
6分钟辅助！we-poker软...
6分钟辅助！we-poker软件，购买的wpk辅助在哪里下载，积累教程（有挂技巧）购买的wpk辅助在...
第2分钟辅助！如何下载wepo...
第2分钟辅助！如何下载wepoker安装包，newpoker怎么安装脚本，教程书教程（今日头条）1、...
4分钟辅助！wepoker钻石...
4分钟辅助！wepoker钻石怎么看底牌，wepoker辅助器有哪些功能，法门教程（有挂详细）该软件...