Angular数据表格中数据显示问题
创始人
2024-10-29 14:30:08
0次
  1. 确认数据是否正确绑定到数据表格中，在组件中的代码应类似以下示例：

HTML代码：


  
    

      First Name
      Last Name
      Age
    

  
  
    

      First Name
      Last Name
      Age
    

  
  
    

      {{ person.firstName }}
      {{ person.lastName }}
      {{ person.age }}

TS代码：

import { Component, OnInit } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'app',
  template: `

  
    

      First Name
      Last Name
      Age
    

  
  
    

      First Name
      Last Name
      Age
    

  
  
    

      {{ person.firstName }}
      {{ person.lastName }}
      {{ person.age }}
    

  

` ,
  providers: [ DataService ]
})
export class AppComponent implements OnInit {
  dtOptions: DataTables.Settings = {};
  people: any[];
 
  constructor(private dataService: DataService) { }
 
  ngOnInit(): void {
    this.dtOptions = {
      pagingType: 'full_numbers',
      pageLength: 10
    };
    this.dataService.getPeople()
      .subscribe(people => {
        this.people = people;
        console.log(this.people);
      });
  }
}
  1. 确认数据是否符合数据表格的要求。例如数据表格中使用了'Date'类型字段，但是数据中没有该类型的值，可以使用'pipe'过滤器对其格式进行转换。以下示例：

HTML代码：


                
                            

                

                    上一篇：Angular数据表格展开行仅占用父级的一个列的空间

                

                

                    下一篇：Angular数据表排序问题                

            

                
                
相关内容

                
            

                
            

        
        

            
            

                
                

                    
                    

                        
                        热门资讯
                        
                    

                    
                

                
            

            
            
            


                                
                

                    
                    

                        

                    

                    
                    
                    

                        透视资料!哈糖大菠萝开挂(透视...
                        透视资料!哈糖大菠萝开挂(透视)哈糖大菠萝免费辅助器(辅助)其实是真的有教程(哔哩哔哩)暗藏猫腻，小...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        透视方针!德州辅助工具到底怎么...
                        透视方针!德州辅助工具到底怎么样(透视)pokemmo辅助脚本(辅助)原来真的是有工具(哔哩哔哩)1...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        透视讲义!pokemmo手机版...
                        透视讲义!pokemmo手机版修改器(透视)红龙poker辅助工具(辅助)本来有方法(哔哩哔哩)1、...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        透视步骤!pokermaste...
                        透视步骤!pokermaster脚本(透视)拱趴大菠萝万能挂(辅助)好像一直都是有技巧(哔哩哔哩)1...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        透视指南书!aa poker辅...
                        透视指南书!aa poker辅助包(透视)epoker底牌透视(辅助)竟然是真的有工具(哔哩哔哩)1...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        透视绝活儿!werplan透视...
                        透视绝活儿!werplan透视挂(透视)impoker辅助(辅助)确实是真的有脚本(哔哩哔哩)1、每...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        透视阶段!聚星ai辅助工具下载...
                        透视阶段!聚星ai辅助工具下载(透视)智星德州辅助译码插件靠谱吗(辅助)真是一直都是有攻略(哔哩哔哩...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        透视模板!来玩app破解版(透...
                        透视模板!来玩app破解版(透视)pokerworld破解版下载(辅助)原来一直总是有app(哔哩哔...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        透视窍要!pokermaste...
                        透视窍要!pokermaster辅助器(透视)哈糖大菠萝能开挂吗(辅助)都是一直总是有app(哔哩哔...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        透视指南!pokermaste...
                        您好，德州私人局怎么透视这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多...
                    

                    
                

                
            

            
        

        
    

    
    
        
            
            
        
    
    


  
    

      Date