Angular的惰性加载针对数据表使排序、筛选和分页功能无法正常工作。
创始人
2024-10-24 03:00:50
0次
  1. 在ラッシュのcomponent.ts テンプレートにおいて必要なライブラリを読み込むことが重要です。例えば、次のように @angular/ インポートのの中で / datatables / という名前でインポートできます。
import { DataTablesModule } from 'angular-datatables';
  1. その後、ラッシュテーブルを設定する必要があります。

ビュー固有の設定値を作成し、遅延読み込みに対するオプションを設定できます。ニーズに応じて、追加構成オプションも利用できます。他のオプションを追加する場合は、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
    };
  }
}
  1. datatableを呼び出すことで、以下のようにHTMLコードを書くことができます。
以上がAngularの惰性読み込みを使ったデータテーブルのソート、フィルタリング、ページングの機能を修正する方法です。

                
                            

                

                    上一篇：angular的多个数组ng。

                

                

                    下一篇：Angular的ELSE语句在IF为真后仍然执行，位于subscribe方法中。

                

            

                
                
相关内容

                
            

                
            

        
        

            
            

                
                

                    
                    

                        
                        热门资讯
                        
                    

                    
                

                
            

            
            
            


                                
                

                    
                    

                        

                    

                    
                    
                    

                        线上(wepoke真的)原来是...
                        线上(wepoke真的)原来是真的有挂!其实真的有挂(2022已更新)(哔哩哔哩)；亲，其实确实真的...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        两教程(Wepoke程序)软件...
                        两教程(Wepoke程序)软件透明挂辅助工具(软件透明挂)透视辅助(2024已更新)(哔哩哔哩)；致...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        软件(wepoke透明)原来是...
                        软件(wepoke透明)原来是真的有挂!其实真的有挂(2020已更新)(哔哩哔哩)是一款可以让一直输...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        一模拟器(德扑工具)外挂辅助工...
                        一模拟器(德扑工具)外挂辅助工具(透视)透视辅助(2025已更新)(哔哩哔哩)；亲真的是有正版授权，...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        系统(aapoker讲解)竟然...
                        系统(aapoker讲解)竟然真的有挂!其实真的有挂(2021已更新)(哔哩哔哩)；aapoker讲...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        6系统(aapoker下载)外...
                        6系统(aapoker下载)外挂辅助工具(辅助挂)透视辅助(2023已更新)(哔哩哔哩)aapoke...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        智能(德扑之星刷数据)果真真的...
                        智能(德扑之星刷数据)果真真的有挂!原来真的有挂(2025已更新)(哔哩哔哩)；《WPK辅助透视》‌...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        1机器人(德州nzt软件)软件...
                        1机器人(德州nzt软件)软件透明挂辅助软件(透视)透视辅助(2022已更新)(哔哩哔哩)；人气非常...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        ai代打(德扑之星决策)确实是...
                        ai代打(德扑之星决策)确实是真的有挂!原来真的有挂(2020已更新)(哔哩哔哩)；科技详细教程小薇...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        第8透明(wepoke数据)外...
                        第8透明(wepoke数据)外挂透明挂辅助神器(辅助挂)透视辅助(2023已更新)(哔哩哔哩)；原来...