title: Why does my Angular app display the path of my html-file and not its contents?
body: <p>I am starting with Angular. I am creating a very simple App, that uses two components. A default app component and a second component that is used in the html-file of the app component. </p>
  
  <p>However, when running the app (see files below for the relevant files), I get the following output:</p>
  
  <blockquote>
    <h2>App component</h2>
    
    <p>./server.component.html</p>
  </blockquote>
  
  <p>Instead of what is actually in the html-file, in my case:</p>
  
  <blockquote>
    <h2>App component</h2>
    
    <p>The server component</p>
  </blockquote>
  
  <p>Anyone knows what I am doing wrong?</p>
  
  <p><strong>Here is my Module:</strong> (app.module.ts)</p>
  
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import { FormsModule, ReactiveFormsModule } from '@angular/forms';
  import { HttpModule } from '@angular/http';
  import { AppComponent } from './app.component';
  import { ServerComponent } from './server/server.component';
  
  @NgModule({
    declarations: [
      AppComponent,
      ServerComponent
    ],
    imports: [
      BrowserModule, 
      FormsModule,
      HttpModule
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <p><strong>The html-file of my main component</strong> (app.component.html)</p>
  
  <pre><code>&lt;p&gt;App Coponent&lt;/p&gt;
  &lt;hr&gt;
  &lt;app-server&gt;&lt;/app-server&gt;
  </code></pre>
  
  <p><strong>The server component</strong> (server/server.component.ts)</p>
  
  <pre><code>import { Component } from '@angular/core';
  
  @Component({
      selector: 'app-server',
      template: './server.component.html'
  })
  export class ServerComponent {
  
  }
  </code></pre>
  
  <p>and, finally, <strong>the html-file of the server component</strong> (server/server.component.html)</p>
  
  <pre><code>&lt;p&gt;The server component&lt;/p&gt;
  </code></pre>