如何根据angular中的条件在3秒钟后调用事件

Question

我有一个包含click事件的div，在这里，一旦我单击“click here”，标签警报将基于2个条件出现，第一个条件是getListData为true，第二个条件是我仅在getListData为true的5秒后单击标签。我试过了，但效果不好。下面是代码

<div (click)="clickhere()">Click here</div>

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router'; 
@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {
  getListData: boolean = false;
  constructor(private router: Router) { }

  ngOnInit() {

  }
  clickhere(){
      this.getListData = true;
      console.log(this.getListData);
      setTimeout(function(){
      if(this.getListData == true){
         alert('true'); 
      }
      }, 3000);
  }

}

Answer 1

在setTimeout函数中，this上下文不可用。您可以将其声明为箭头函数来显示警报。

clickhere（）{this.getListData=true；console.log（this.getListData）；setTimeout（）=

如需参考，请参见：https://stackoverflow.com/a/41106146/7309449