1. 在ラッシュのcomponent.ts テンプレートにおいて必要なライブラリを読み込むことが重要です。例えば、次のように @angular/ インポートのの中で / datatables / という名前でインポートできます。

import { DataTablesModule } from 'angular-datatables';

2. その後、ラッシュテーブルを設定する必要があります。

ビュー固有の設定値を作成し、遅延読み込みに対するオプションを設定できます。ニーズに応じて、追加構成オプションも利用できます。他のオプションを追加する場合は、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
    };
  }
}

3. datatableを呼び出すことで、以下のようにHTMLコードを書くことができます。

以上がAngularの惰性読み込みを使ったデータテーブルのソート、フィルタリング、ページングの機能を修正する方法です。

                
                            

                

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

                
                

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

                
            

                
                
相关内容
                
            

                
            

        
        

            
            

                
                

                    
                    

                        
                        热门资讯
                        
                    
                    
                
                
            
            
            
            


                                
                

                    
                    

                        

                    
                    
                    
                    

                        黑科技科技(wepoke智能a...
                        黑科技科技(wepoke智能ai)wepower使用说明书(wepOkE)素来是真的有挂(确实有挂)...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        黑科技模拟器(wepoke智能...
                        WePoker透视辅助工具核心要点解析‌，黑科技模拟器(wepoke智能ai)wepoke是机器发牌...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        黑科技脚本(wepokeai代...
                        您好，这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家在这款游戏中打牌都...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        黑科技辅助挂(wepoke真的...
                        黑科技辅助挂(wepoke真的有挂)wepoke 软件(wEPOKE)固有真的有挂(有挂猫腻)-哔哩...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        黑科技辅助挂(wepoke黑科...
                        黑科技辅助挂(wepoke黑科技)wepoke软件透明挂演示(wEpOke)一直真的有挂(真的有挂)...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        黑科技app(wepoke真的...
                        此外，数据分析德州()辅助神器app还具备辅助透视行为开挂功能，通过对客户透明挂的深入研究，你可以了...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        黑科技智能ai(wepoke辅...
                        黑科技智能ai(wepoke辅助插件)wepoke软件透明(WEPOke)先前是有挂(果真有挂)-哔...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        黑科技模拟器(wepoke透明...
                        黑科技模拟器(wepoke透明黑科技)wepoke德州扑克用ai代打(WEPOKE)最初存在有挂(有...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        黑科技插件(wepoke辅助插...
                        黑科技插件(wepoke辅助插件)wepoke软件透明(WEPOke)从来是真的有挂(有挂解惑)-哔...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        黑科技美元局(wepoke智能...
                        黑科技美元局(wepoke智能ai)wepoke辅助真的假的(wepoKE)原先真的有挂(竟然有挂)...
                    
                    
                
                
            
            
        
        
    

    
    

        
        

            2026 ©
            鲨鱼编程鲨鱼网街坊资讯一品科技        
        
        
        

                        

                程序开发
            
                        

                科技动态