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の惰性読み込みを使ったデータテーブルのソート、フィルタリング、ページングの機能を修正する方法です。
相关内容
热门资讯
透视玄学！wepoker高级辅...
透视玄学！wepoker高级辅助，we-poker辅助器（透视）必胜教程（有挂介绍）1、不需要AI权...
透视软件！wepoker怎么挂...
透视软件！wepoker怎么挂飞机，wejoker辅助机器人（透视）解密教程（有挂辅助）在进入wep...
透视神器！wepoker破解游...
透视神器！wepoker破解游戏盒子，wepokerplus到底是挂了吗（透视）教你攻略（有挂黑科技...
透视线上！wepoker私人局...
透视线上！wepoker私人局开挂视频，wepoker私人局俱乐部怎么进（透视）2025新版教程（有...
透视攻略！wepoker代打辅...
透视攻略！wepoker代打辅助机器人，we poker游戏下（透视）力荐教程（有挂详情）1、每一步...
透视黑科技！wepoker软件...
透视黑科技！wepoker软件辅助程序，wepoker作弊辅助（透视）攻略方法（有挂脚本）1、不需要...
透视中牌率！黑侠破解wepok...
透视中牌率！黑侠破解wepoker，wepoker软件辅助程序（透视）必赢方法（有挂脚本）；1、进入...
透视玄学！wepoker有脚本...
透视玄学！wepoker有脚本吗，wepoker有透视功能吗（透视）详细教程（有挂技巧）1、超多福利...
透视私人局！wepoker模拟...
透视私人局！wepoker模拟器哪个，wepoker作弊视频（透视）曝光教程（有挂工具）在进入wep...
透视能赢！wepoker透视脚...
透视能赢！wepoker透视脚本下载，wepoker轻量版书签（透视）靠谱教程（有挂辅助）；1）we...