title: No provider for ControlContainer - Angular 5
body: <p>I am converting a purchased, third-party template into an Angular 5 app, and just ran into an error. I am very new to Angular 5 (I know AngularJS well however) and don't understand what it's trying to tell me? It seems to be related to a button which shows/hides the top navbar.</p>
  
  <p><strong>Error Message (from browser):</strong></p>
  
  <pre><code>Error: Template parse errors:
  No provider for ControlContainer ("imalize-styl-2 btn btn-primary " (click)="toggleNavigation()"&gt;&lt;i class="fa fa-bars"&gt;&lt;/i&gt; &lt;/a&gt;
        [ERROR -&gt;]&lt;form role="search" class="navbar-form-custom" method="post" action="#"&gt;
          &lt;div class="form-gro"): ng:///AppModule/TopNavigationNavbarComponent.html@4:6
  </code></pre>
  
  <p><strong>component.html:</strong></p>
  
  <pre><code>&lt;div class="row border-bottom"&gt;
    &lt;nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0"&gt;
      &lt;div class="navbar-header"&gt;
        &lt;a class="minimalize-styl-2 btn btn-primary " (click)="toggleNavigation()"&gt;&lt;i class="fa fa-bars"&gt;&lt;/i&gt; &lt;/a&gt;
        &lt;form role="search" class="navbar-form-custom" method="post" action="#"&gt;
          &lt;div class="form-group"&gt;
            &lt;input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search"&gt;
          &lt;/div&gt;
        &lt;/form&gt;
      &lt;/div&gt;
      &lt;ul class="nav navbar-top-links navbar-right"&gt;
        &lt;li&gt;
          &lt;a href="#"&gt;
            &lt;i class="fa fa-sign-out"&gt;&lt;/i&gt; Log out
          &lt;/a&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/nav&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>component.ts</strong></p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import { smoothlyMenu } from '../../../app.helpers';
  
  declare var jQuery: any;
  
  @Component({
    selector: 'app-top-navigation-navbar',
    templateUrl: './top-navigation-navbar.component.html',
    styleUrls: ['./top-navigation-navbar.component.less']
  })
  export class TopNavigationNavbarComponent implements OnInit {
  
    toggleNavigation(): void {
      jQuery('body').toggleClass('mini-navbar');
      smoothlyMenu();
    }
  
    constructor() { }
  
    ngOnInit() {
    }
  
  }
  </code></pre>
  
  <p><strong>app.module.ts</strong> (this seems to be something a mentioned a lot when I google this, however it is not the Form throwing the error.)</p>
  
  <pre><code>...
  import { ReactiveFormsModule, FormControl, FormsModule } from '@angular/forms';
  ...
  </code></pre>