从 addEventListener 访问数组

Question

我在按钮点击事件中添加了addEventListener。单击按钮后，我想删除全局数组数据。

现在我无法使用this.arrayname 传递数组，我正在尝试下面的代码。它正在删除数据但不更新父数组。

请告诉我如何将参数传递给addEventListener 或如何从addEventListener 调用函数，以便我可以更新数组。 this.array = deletejson; btn.addEventListener('click', function(event) { for (var i = 0; i

    export class ExtractionConfigurationComponent implements OnInit {
    array = [];
   constructor(private adminWorkflowService:AdminWorkflowService) { }
   ngOnInit() {}
    addedkeywords(data: any){
   btn.addEventListener('click', (event) => {
  //var x = document.getElementById(this.id);
  //x.style.display='none';
  for (var i = 0; i < this.array.length; i++) {
      var cur = this.array[i];
      if (cur.keywordname == (document.getElementById("keywordname") as                HTMLTextAreaElement).value) {
          this.array.splice(i, 1);
          break;
          console.log("after deleting data" +this.array);
          console.log("after deleting data" +JSON.stringify(this.array));}}});}

Answer 1

假设数组存储为this.array（不清楚您在什么上下文中执行此操作），那么您需要在事件侦听器的回调中访问词法 this。这可以通过使用箭头函数来完成：

btn.addEventListener('click', (event) => {
    for (var i = 0; i < this.array.length; i++) {
        var cur = this.array[i];
        if (cur.keywordname == (document.getElementById("keywordname") as HTMLTextAreaElement).value) {
            this.array.splice(i, 1);
            break;
        }
    }
});