Question

我可以将项目添加到我的列表中但我的问题是我无法为添加的每个项目保留特定的timeStamp 。基本上如果我添加项目，我想要显示：

05/03/2018 12:44:13 - item 3

05/03/2018 12:44:10 - item 2

05/03/2018 12:44:04 - item 1

但是我的代码一直显示所有项目的相同的TimeStamp 。有谁能告诉我我想念的是什么吗？提前谢谢！

这是我的代码：

PLUNKER

  <div *ngFor = "let alert of alertList">
        {{currentTimeStamp +' - '+ alert }}
  </div>

Answer 1

创建警报时，应将时间戳和消息一起存储在警报对象中。像这样：

  onSave(){
    this.alertList.splice( 0 , 0 , { 
      'message': this.alertEntered,
      'timestamp': (new Date(Date.now())).toLocaleString('en-GB', { hour12:false } ).replace(',','')
    });
  }

并像这样呈现：

  <div *ngFor = "let alert of alertList">
        {{ alert.timestamp +' - '+ alert.message }}
  </div>

修改：PLUNKER

如何将元素添加到列表中？

1 个答案: