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の惰性読み込みを使ったデータテーブルのソート、フィルタリング、ページングの機能を修正する方法です。
相关内容
热门资讯
第九分钟带你明白！创思维透视下...
第九分钟带你明白！创思维透视下载链接，创思维激k看底牌辅助软件，必备教程（有挂总结）-哔哩哔哩创思维...
六分钟带你发现！哥哥打大a辅助...
【亲，福建天天开心辅助工具 这款游戏可以开挂的，确实是有挂的，很多玩家在这款福建天天开心辅助工具中打...
3分钟带你讲解！乐达大连穷胡小...
大家好，今天小编来为大家解答乐达大连穷胡小鸡满天飞这个问题咨询软件客服可以免费测试直接加微信（136...
四分钟带你透视！789大菠萝攻...
789大菠萝攻略开挂教程视频分享装挂详细步骤在当今的网络游戏中，789大菠萝攻略作为一种经典的娱乐方...
9分钟带你讲解！丽水都莱脚本辅...
9分钟带你讲解！丽水都莱脚本辅助，福建天天开心辅助工具，教你攻略（有挂教程）-哔哩哔哩 >>您好：软...
第4分钟带你明白！福建大玩家透...
第4分钟带你明白！福建大玩家透视，赣牌圈有挂吗，辅助教程（有挂总结）-哔哩哔哩福建大玩家透视ai黑科...
第十分钟带你发现！皮皮跑胡子修...
第十分钟带你发现！皮皮跑胡子修改器，友友联盟免费辅助器，专业教程（有挂总结）-哔哩哔哩1、下载安装好...
一分钟带你科普！叮叮川南游戏辅...
【亲，叮叮川南游戏辅助软件 这款游戏可以开挂的，确实是有挂的，很多玩家在这款叮叮川南游戏辅助软件中打...
8分钟带你讲解！拱趴游戏诀窍，...
8分钟带你讲解！拱趴游戏诀窍，爱来大菠萝辅助iq，扑克教程!（果真有挂）-哔哩哔哩爱来大菠萝辅助iq...
第六分钟带你开挂！免费随意玩辅...
第六分钟带你开挂！免费随意玩辅助器，四川熊猫辅助软件视频，教你攻略（的确有挂）-哔哩哔哩；无需打开直...