代码之家  ›  专栏  ›  技术社区  ›  Rahul

如何在角度上创建“ngOnActive”生命周期挂钩?

  •  0
  • Rahul  · 技术社区  · 6 年前

    我希望当我的组件在主页上处于活动状态时调用生命周期挂钩。

    它的登录页面。

    当我的组件在主页面上时,即处于活动状态时,我想查看我是否已经从以前的登录中获得登录令牌,并根据结果导航到不同的页面。

    如果没有,那么如何创建一个“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);
      }
    }
    
    1 回复  |  直到 6 年前
        1
  •  -1
  •   Bilal Djaghout    6 年前

    下面是一段代码作为示例:

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