javascript - 如何向列表添加元素？

Question

我可以将项目添加到我的列表中，但我的问题是我无法为每个添加的项目保留特定时间戳。基本上，如果我添加项目，我希望显示此内容:

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

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

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

但我的代码始终显示所有项目的相同时间戳。谁能告诉我我缺少什么吗？提前致谢!

这是我的代码:

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