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、打开软件启动之后找到中...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        热点推荐透视挂!极速暗宝辅助透...
                        热点推荐透视挂!极速暗宝辅助透视挂，开心廉江麻将是真的有外挂，都是有挂规律1）极速暗宝辅助插件：进一...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        大神推荐开挂!随意玩辅助透视挂...
                        大神推荐开挂!随意玩辅助透视挂，灵飞承德麻将确实有外挂，真是有挂攻略暗藏猫腻，小编详细说明随意玩破解...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        我来教大家辅助!云海辅助透视挂...
                        我来教大家辅助!云海辅助透视挂，原味麻将真的是有外挂，真是有挂攻略；1、在云海插件功能辅助器技巧中，...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        据目击者称开挂!大胜跑得快辅助...
                        据目击者称开挂!大胜跑得快辅助透视挂，新上游真的有外挂，果然有挂方法1、大胜跑得快辅助软件下载优化，...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        这一问题亟待解决开挂!追忆辅助...
                        这一问题亟待解决开挂!追忆辅助透视挂，土豆棋牌真的是有外挂，原来有挂存在1、全新机制【追忆ai辅助工...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        每日必看教程辅助!同城游红十辅...
                        每日必看教程辅助!同城游红十辅助透视挂，中至常熟麻将真的是有外挂，都是有挂功能同城游红十破解侠是真的...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        科技新动态透视挂!决胜奕福辅助...
                        科技新动态透视挂!决胜奕福辅助透视挂，happyworkbook存在有外挂，竟然果真有挂1、该软件可...
                    
                    
                
                
            
            
        
        
    

    
    

        
        

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

                        

                程序开发
            
                        

                科技动态