ionic3+angualr4,类似这种数据结构我怎么才能保证页面不出现闪烁只有页面数据在变更

WEB菜鸟
  • 276

1.这是一个页面的数据,每秒实时更新每次更新前数据会清空再赋值所以会出现类似闪烁的效果很影响用户体验;

问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

<ul *ngFor="let item of isTable;let i = index;">
    <li>{{item.completeType}}</li>
    <li>{{item.endTime}}</li>
    <li>{{item.excelName}}</li>
    <li>{{item.id}}</li>
    <li>{{item.isDelete}}</li>
    <li>{{item.journal}}</li>
    <li>{{item.memberId}}</li>
    <li>{{item.primaryExcelName}}</li>
    <li>{{item.redisType}}</li>
    <li>{{item.source}}</li>
    <li>{{item.updateTime}}</li>
</ul>


isTable: any = [];
ionViewDidLoad() {
    setInterval(() => {
      this.isTable = null;
      this.httpServices.request({
        method: 'POST',
        url: "http://192.168.1.198:8080/sw/ExcelLogInterfaces.api?selectlist",
        data: {
          memberId: 18,
        }
      }).then(result => {
        this.isTable = JSON.parse(result).data;
        console.log(this.isTable);
      })
    },1000);
}

你期待的结果是什么?实际看到的错误信息又是什么?

回复
阅读 1.1k
2 个回答

如果每次请求表单长度一样可以对每个对应的值进行更新。不过你这个请求数量太爆炸了。

wulingfeng0529
  • 3
新手上路,请多包涵

this.isTable = null;这行去掉

宣传栏