ServiceProvider shit

import { Component, OnInit } from '@angular/core';
import { NavService } from './../nav.service';
import { NavItem } from '../models/NavItem';


@Component({
  selector: 'sb-nav',
  templateUrl: './sb-nav.component.html',
  styleUrls: ['./sb-nav.component.css'],
  providers: [ NavService ]

})
export class SbNavComponent implements OnInit {

  public navItems: NavItem[];

  constructor(
    private navService: NavService
  ) { }

  ngOnInit() {
    this.navItems = this.navService.getNavItems();
  }

}