Question

在app.component的主模板上我有：

<bs-navbar></bs-navbar>
<div class="container">

  <div class="row">
    <div>
      <router-outlet></router-outlet>
    </div>
  </div>
</div>

我的问题是我需要做出一些决定来初始化导航栏显示或不根据我在登录时保存的客户权限。我可以从服务中读取这些选项。我的问题是如何在导航栏组件上使用ngOnInit等事件。正如我所看到的，导航栏上的ngOnInit等事件不会被触发。

在导航栏组件中我有：

import { GlobalsService } from './../globals.service';
import { any } from 'codelyzer/util/function';
import { Router } from '@angular/router';
import { AngularFireAuth } from 'angularfire2/auth';
import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs/Observable';

export enum userProfile {
    Admin = 1 ,
    Normal = 2
}

@Component({
   selector: 'bs-navbar',
   templateUrl: './bs-navbar.component.html',
   styleUrls: ['./bs-navbar.component.css']
})


export class BsNavbarComponent implements OnInit {

UserProfile ;

constructor(private router: Router, public globals: GlobalsService) {}

ngOnInit() {
    this.UserProfile = this.globals.getValueParaTipoDeOperador ;
    console.log('User profile -> ', this.UserProfile );
}

谢谢

导航栏组件上的事件

0 个答案: