title: Angular component not rendered
body: <p>I am trying to create a custom component as header of all pages. I generated it using CLI command</p>
  
  <pre><code>ionic generate component BPNavbar
  </code></pre>
  
  <p><strong>bp-navbar.html</strong></p>
  
  <pre><code>&lt;ion-header&gt;
      &lt;ion-navbar&gt;
          &lt;button ion-button ion-button menuToggle&gt;
              &lt;ion-icon name="menu"&gt;&lt;/ion-icon&gt;
          &lt;/button&gt;
          &lt;ion-title text-left&gt;LISTADO DE OFERTAS&lt;/ion-title&gt;
          &lt;ion-buttons end&gt; 
              &lt;button id="notification-button" ion-button clear (click)="openCart()"&gt;
                  &lt;ion-icon name="cart"&gt;
                      &lt;ion-badge id="notifications-badge" color="danger"&gt;17&lt;/ion-badge&gt;
                  &lt;/ion-icon&gt;              
              &lt;/button&gt;        
          &lt;/ion-buttons&gt;
      &lt;/ion-navbar&gt;
  &lt;/ion-header&gt;
  </code></pre>
  
  <p><strong>bp-navbar.ts</strong></p>
  
  <pre><code>import { Component } from '@angular/core';
  
  @Component({
      selector: 'bp-navbar',
      templateUrl: 'bp-navbar.html'
  })
  export class BpNavbarComponent {
  
      text: string;
  
      constructor() {
          console.log('Hello BpNavbarComponent Component');
          this.text = 'Hello World';
      }
  
  }
  </code></pre>
  
  <p><strong>components.module.ts</strong></p>
  
  <pre><code>import { NgModule } from '@angular/core';
  import { BpNavbarComponent } from './bp-navbar/bp-navbar';
  @NgModule({
      declarations: [BpNavbarComponent],
      imports: [],
      exports: [BpNavbarComponent]
  })
  export class ComponentsModule {}
  </code></pre>
  
  <p>If I add tags </p>
  
  <pre><code>&lt;bp-navbar&gt;&lt;/bp-navbar&gt;
  </code></pre>
  
  <p>in one html page file I don't get any printed. I don't get any error.</p>
  
  <p>Any idea why is not being rendered?</p>