title: Why app.component.html doesn't recognize server-element, the content of the server-element is not displayed in the browser?
body: <pre class="lang-html prettyprint-override"><code>
  &lt;app-coockpit (serverCreated)=&quot;onServerAdded($event)&quot; 
                  (blueprintCreated)=&quot;onBluePrintAdded($event)&quot;&gt;
    &lt;/app-coockpit&gt;`
  
      &lt;hr&gt;
    &lt;app-server-element *ngFor=&quot;let serverElement of serverElements&quot; 
    [srvElement]=&quot;serverElement&quot;&gt;
    
    &lt;/app-server-element&gt;
    
  
  &lt;/div&gt;
  
  &lt;!--server-element-component--&gt;
  
      &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-xs-12&quot;&gt;
          &lt;div class=&quot;panel panel-default&quot; *ngFor=&quot;let element of serverElements&quot;&gt;
              &lt;div class=&quot;panel-heading&quot;&gt;{{ element.name }}&lt;/div&gt;
              &lt;div class=&quot;panel-body&quot;&gt;
                  &lt;p&gt;
                      &lt;strong *ngIf=&quot;element.type === 'server'&quot; style=&quot;color: red&quot;&gt;{{ element.content }}&lt;/strong&gt;
                      &lt;em *ngIf=&quot;element.type === 'blueprint'&quot;&gt;{{ element.content }}&lt;/em&gt;
                  &lt;/p&gt;
                  
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  </code></pre>