title: Angular 6 component not showing up
body: <p>I just started learning Angular yesterday so I apologize if I'm missing something obvious, but I am trying to display a component on the app.component.html, however, it is not showing up.</p>
  
  <p>TS file for the component I am trying to display: </p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import { ImageService } from '../shared/image.service';
  
  @Component({
    selector: 'image-list',
    templateUrl: './image-list.component.html',
    styleUrls: ['./image-list.component.css']
  })
  export class ImageListComponent implements OnInit {
  
    images: any[];
  
    constructor(private _imageService : ImageService ) { }
  
    searchImages(query : string)
    {
      return this._imageService.getImage(query).subscribe
      (
        data =&gt; console.log(data),
        error =&gt; console.log(error),
        () =&gt; console.log("Request Completed!")
      );
    }
  
    ngOnInit() {
    } 
  }
  </code></pre>
  
  <p>image-list.component.html :</p>
  
  <pre><code>&lt;button&gt;Find Images&lt;/button&gt;
  </code></pre>
  
  <p>app.component.html :</p>
  
  <pre><code>&lt;image-list&gt;&lt;/image-list&gt;
  </code></pre>
  
  <p>app.module.ts </p>
  
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  
  import { AppComponent } from './app.component';
  
  @NgModule({
    declarations: [
      AppComponent
    ],
    imports: [
      BrowserModule
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <p>image.service.ts</p>
  
  <pre><code>import { Injectable } from "@angular/core";
  import { environment } from "../../environments/environment";
  import { Http, Headers } from "@angular/http";
  import { map, filter, scan } from 'rxjs/operators';
  
  @Injectable()
  export class ImageService
  {
      private query: string;
      private API_KEY: string = environment.API_KEY;
      private API_URL: string = environment.API_URL;
      private URL: string = this.API_URL + this.API_KEY + '&amp;q=';
  
      constructor(private _http: Http) {
  
      }
  
      getImage(query)
      {
          return this._http.get(this.URL + this.query).pipe(
              map((res) =&gt; res.json));
      }
  }
  </code></pre>