在ngOnInit中加入self方法后，无法访问类中的函数 [重复] 。

Question

这个问题在这里已经有了答案:

如何在回调中正确访问 "this"？ (11个回答)

封闭 3个月前.

示例.组件.ts

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';

@Component({
  selector: 'app-sample',
  templateUrl: './sample.component.html',
  styleUrls: ['./sample.component.scss']
})
export class Sample implements OnInit {
  closeResult: string;
  focuscount:number=0;
  fcount:any;

  constructor(private router: Router) {
    ngOnInit() {
      let self = this;
      function final(){
      setTimeout(() => {
      self.router.navigate(['pattern']);
      }, 120000);
    }
  **Checking screen focus**  
  function onBlur() {
    document.body.className = 'blurred';
    focuscount+=focuscount
    if(this.focuscount>=3){
    console.log("Inside focuscount");
    final();

}
};
}

无法访问该函数。得到错误信息无法找到名称'finalclose'。

finalclose(){
  alert("closed");

}
}

我试图在条件满足时重定向到模式页面。我得到的是类型错误。请帮助我解决它。

先谢谢你

Answer 1

你不能在 arrow 功能改成

 ngOnInit() {
    let self = this;
    function final(){
    setTimeout(() => {
      self.router.navigate(['pattern']);
  }, 120000);