在组件显示上运行功能

时间:2017-04-30 14:47:37

标签: javascript angular

每次用户切换到此组件时,我想在组件内运行一个函数。我尝试使用ngOninit(只运行一次内部函数)和其他方法,如ngOnComponentInit等,但这些都不适用于我。

也许我想以错误的方式做这件事......

请建议。

编辑:

一些示例代码。

home.component.ts

import { Component, OnInit } from '@angular/core';
import { AuthService } from '../auth/auth.service';
import { Router } from '@angular/router';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {

  constructor(private auth: AuthService, private router: Router) {}

  ngOnInit() {
    if(this.auth.token == null){
      this.router.navigate((['/']));
    }
  }

  someFunction(){
      console.log("ok");
      }
}

我希望每次用户切换到此组件时运行someFunction()。

1 个答案:

答案 0 :(得分:0)

你的意思是onFocus()?这是用户点击或标记到组件时调用的内容。