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の惰性読み込みを使ったデータテーブルのソート、フィルタリング、ページングの機能を修正する方法です。
相关内容
热门资讯
推荐十款！德州wepower有...
推荐十款！德州wepower有外挂吗，wepoke模拟器，科技教程（一直存在有挂）1、构建自己的微扑...
推荐一款！扑克王有没有辅助软件...
推荐一款！扑克王有没有辅助软件，WePoKe透视挂，必胜教程（一向有挂）是一款可以让一直输的玩家，快...
玩家实测！wpk德州胜利跟号有...
玩家实测！wpk德州胜利跟号有关么，wpk外挂，wpk教程（起初真的有挂）是一款可以让一直输的玩家，...
我来教教你！云扑克辅助器，微扑...
我来教教你！云扑克辅助器，微扑克游戏辅助器，曝光教程（往昔存在有挂）是一款可以让一直输的玩家，快速成...
技术分享！wpk德州透视辅助，...
技术分享！wpk德州透视辅助，德州之星有辅助挂，新2025版（好像是有挂）；人气非常高，ai更新快且...
技术分享！鱼扑克app ai，...
技术分享！鱼扑克app ai，智星德州菠萝辅助器，规律教程（素来存在有挂）1、超多福利：超高返利，海...
玩家必看教程！wpk 辅助工具...
玩家必看教程！wpk 辅助工具，aapoker有外挂，扑克教程（起初真的有挂）1）aapoker有外...
玩家分析！德扑之星隐藏功能在哪...
玩家分析！德扑之星隐藏功能在哪，德扑ai智能，微扑克教程（固有有挂）1、不需要AI权限，帮助你快速的...
大神普及！扑克世界app辅助，...
大神普及！扑克世界app辅助，wpk透明挂，玩家教程（一贯有挂），您好，wpk透明挂这款游戏可以开挂...
热点推荐！德州ai辅助，wep...
热点推荐！德州ai辅助，wepoke黑科技，规律教程（最初是有挂）是一款可以让一直输的玩家，快速成为...