title: Angular 2 glyphicon not showing up
body: <p>Trying to render a star icon on the main page, but it's not showing up (it's the only thing that should be on the page).  Pretty new so I'm still learning.  Please forgive the absolute stupidity of this question.</p>
  
  <p>So I have created the following component called AppComponent:</p>
  
  <pre><code>import {Component} from '@angular/core';
  import {Input} from '@angular/core';
  
  @Component({
    selector: 'my-app',
    template:  `&lt;i class="glyphicon" 
          [class.glyphicon-star]="isFavorite" 
          [class.glyphicon-star-empty]="!isFavorite"
          (click)="onClick()
          "&gt;&lt;/i&gt;`
  })
  
  export class AppComponent  {
    @Input() isFavorite = false;
  
    onClick(){
      this.isFavorite = !this.isFavorite;
    }
  }
  </code></pre>
  
  <p>I have the server running on listening mode, but it's not showing me the star on the webbrowser.  Can anyone explain what I'm doing wrong.</p>
  
  <p>Here is my main.ts:</p>
  
  <pre><code>import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
  
  import { AppModule } from './app.module';
  
  platformBrowserDynamic().bootstrapModule(AppModule);
  </code></pre>
  
  <p>and here is my app.module.ts class:</p>
  
  <pre><code>import { NgModule }      from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  import {FormsModule} from '@angular/forms';
  import { AppComponent }  from './app.component';
  
  @NgModule({
    imports: [
      BrowserModule,
      FormsModule
    ],
  
    declarations: [
      AppComponent
    ],
  
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <p>Thoughts, suggestions, ideas on where I'm going wrong?</p>