title: If is an Angular component, then verify that it is part of this module
body: <p>I am implementing a angular 4 component and getting an error </p>
  
  <p>If 'footer-bar' is an Angular component, then verify that it is part of this module.
      If 'nav-bar' is an Angular component, then verify that it is part of this module.</p>
  
  <p>I have imported the toolbar and navbar in the app.module. Not sure why I am getting the error</p>
  
  <p>Navbar</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  
  @Component({
    moduleId: module.id,
    selector: 'nav-bar',
    templateUrl: './navbar.component.html',
    styleUrls: ['./navbar.component.css']
  })
  export class NavbarComponent implements OnInit {
  
    constructor() { }
  
    ngOnInit() {
    }
  
  }
  </code></pre>
  
  <p>Footerbar</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  
  @Component({
    moduleId: module.id,
    selector: 'footer-bar',
    templateUrl: './footerbar.component.html',
    styleUrls: ['./footerbar.component.css']
  })
  export class FooterbarComponent implements OnInit {
  
    constructor() { }
  
    ngOnInit() {
    }
  
  }
  </code></pre>
  
  <p>AppModule</p>
  
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import {FormsModule} from '@angular/forms';
  import {HttpModule} from '@angular/http'
  
  import { AppComponent } from './app.component';
  import { NavbarComponent } from './navbar/navbar.component';
  import { TopbarComponent } from './topbar/topbar.component';
  import { FooterbarComponent } from './footerbar/footerbar.component';
  import { MRDBGlobalConstants } from './shared/mrdb.global.constants';
  
  @NgModule({
    declarations: [
      AppComponent,
      FooterbarComponent,
      TopbarComponent,
      NavbarComponent
    ],
    imports: [
      BrowserModule,
      HttpModule
    ],
    providers: [MRDBGlobalConstants],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <p>Appcomponent</p>
  
  <pre><code>import { Component ,ViewContainerRef } from '@angular/core';
  
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
  })
  export class AppComponent {
    title = 'app';
  
  constructor(public viewRef : ViewContainerRef) {
  
  }
  
  }
  </code></pre>