Как создать крючок жизненного цикла "ngOnActive" в угловых?

Question

Я хочу, чтобы хук жизненного цикла вызывался, когда мой компонент активен на главной странице.

его страница входа.

когда мой компонент находится на главной странице, т. е. активен, я хочу посмотреть, есть ли у меня уже токен входа от предыдущего входа и в зависимости от результата я хочу перейти на другую страницу.

есть ли какой-нибудь хук `ngOnActive', если нет, то как его создать?

или есть другой способ добиться этого?

мой код:

import { Component, OnInit } from '@angular/core';
import { NgForm } from '@angular/forms';
import {LoginService} from './login.service';
import {TokenService} from '../data/token.service';
import {Router} from '@angular/router';

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

  constructor(private loginService: LoginService, private tokenService: TokenService, private router: Router) { }

  ngOnInit() {
    if (this.tokenService.getToken() !== '') {
      console.log(this.tokenService.tk);
      this.router.navigate(['/admin']);
    }
  }
  onSubmit(form: NgForm) {
    this.loginService.login(form.value.email, form.value.password);
  }
}

Answer 1

Для этого вы можете использовать одну уловку, а именно обнаружение изменения маршрута.

          import { ActivatedRoute } from '@angular/router';
    
    constructor(
        private routerActive:ActivatedRoute
      ) {}
    
    ngOnInit() {
        this.routerActive.paramMap.subscribe(paramMap => {
            if (this.router.url === "/yourURL") {

              // ***** This runs whenever your page is displayed ******

            }
        })
}

Answer 2

Вот фрагмент кода, который будет служить примером:

(function () {
  angular.module('app', [])
    .controller('MainController', function() {
      activate();
      function activate() {
        console.log('Success'); // this log will appear when ever your controller loads
      }
    });
})();