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方法中。

                
            

                
                
相关内容
                
            

                
            

        
        

            
            

                
                

                    
                    

                        
                        热门资讯
                        
                    
                    
                
                
            
            
            
            


                                
                

                    
                    

                        

                    
                    
                    
                    

                        每日必看教程开挂攻略!指尖四川...
                        每日必看教程开挂攻略!指尖四川麻将多功能开挂攻略，指尖四川麻将切实真的是有开挂攻略1、指尖四川麻将辅...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        实测必看作弊器技巧!梦黄麻将多...
                        实测必看作弊器技巧!梦黄麻将多功能作弊器技巧，梦黄麻将果然存在有作弊器技巧1、梦黄麻将免费脚本咨询教...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        研究成果辅助器教程!小白大作战...
                        研究成果辅助器教程!小白大作战多功能辅助器教程，小白大作战确实真的有辅助器教程所有人都在同一条线上，...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        分享认知辅助软件!小闲巴渝棋牌...
                        分享认知辅助软件!小闲巴渝棋牌多功能辅助软件，小闲巴渝棋牌竟然是有辅助软件1、不需要AI权限，帮助你...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        分享认知透视器app!温岭逸趣...
                        分享认知透视器app!温岭逸趣麻将多功能透视器app，温岭逸趣麻将真是是有透视器app1）温岭逸趣麻...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        专业讨论作弊器插件!欢乐划水麻...
                        专业讨论作弊器插件!欢乐划水麻将多功能作弊器插件，欢乐划水麻将果然真的是有作弊器插件1、用户打开应用...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        最新技巧外挂攻略!逍遥皖北棋牌...
                        最新技巧外挂攻略!逍遥皖北棋牌多功能外挂攻略，逍遥皖北棋牌都是存在有外挂攻略亲，关键说明，逍遥皖北棋...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        今日公布辅助app!乐通多功能...
                        今日公布辅助app!乐通多功能辅助app，乐通一直有辅助app1、乐通破解器简单，乐通机器人操作，乐...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        揭秘一下辅助攻略!青橙竞技多功...
                        揭秘一下辅助攻略!青橙竞技多功能辅助攻略，青橙竞技一贯真的是有辅助攻略1、玩家可以在青橙竞技线上大神...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        推荐一款透视挂技巧!无锡麻将多...
                        推荐一款透视挂技巧!无锡麻将多功能透视挂技巧，无锡麻将原来有透视挂技巧1、起透看视 无锡麻将辅助软件...
                    
                    
                
                
            
            
        
        
    

    
    

        
        

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

                        

                程序开发
            
                        

                科技动态