Javascript / Angular：超時包裝在具有布爾值的函數中不起作用

Question

在視圖中，我有這種情況：

    <h3 *ngIf="show">{{users.result}}</h3>

在TypeScript邏輯中，我有：

show=false; <----as a property

和以下功能：

timeOut(seconds: number, value:boolean) {
   value = true;      
    setTimeout(
      function() {
        value = false;
      }.bind(this),
      seconds
    );
  }

但是當我這樣稱呼它時：

console.log(this.timeOut(3000, this.show));

屬性“ this.show”未定義，但秒作為參數起作用了。 我丟失了一些東西，我不知道該怎么辦...有人可以幫忙嗎？

Answer 1

如我所見：

• 首先，您在沒有結果的情況下 控制台記錄 功能調用。
• 當您將 布爾值 傳遞到函數參數中時，它將被復制 ，因此，當您在函數內部更改值時，它不會影響外部變量/字段。
• 這是非常專業的用例，因此您無需將其提取到其他功能。

我的建議-只需將帶有箭頭功能的 setTimeout調用放到某些組件的方法（如ngAfterViewInit）中或事件處理程序方法中 ：

ngAfterViewInit() {
   setTimeout(() => this.show = true, 3000)
}

希望能有所幫助。