title: In Angular my app is not updated, only appears 'app is running'
body: <p>I'm making an app with a component (Dado is the component's name), but the content of the component is not seen in the browser, only appears "app is running". Where could the fault be?</p>
  
  <p>These are the Appcomponent files:</p>
  
  <p>app.module.ts:</p>
  
  <pre><code> import { BrowserModule } from '@angular/platform- 
   browser';
   import { NgModule } from '@angular/core';
  
  
   import { AppComponent } from './app.component';
   import { DadoComponent } from './dado/dado.component';
  
  
   @NgModule({
    declarations: [
    AppComponent,
    DadoComponent
    ],
   imports: [
    BrowserModule
   ],
   providers: [],
   bootstrap: [AppComponent]
  })
  
  export class AppModule { }
  </code></pre>
  
  <p>app.component.html:</p>
  
  <pre><code> &lt;div style="text-align:center"&gt;
   &lt;app-dado&gt;&lt;/app-dado&gt;
   &lt;app-dado&gt;&lt;/app-dado&gt;
   &lt;app-dado&gt;&lt;/app-dado&gt;  
   &lt;/div&gt;
  </code></pre>
  
  <p>And these are the Dadocomponent files:</p>
  
  <p>dado.component.ts:</p>
  
  <pre><code> import { Component, OnInit } from '@angular/core';
  
   @Component({
    selector: 'app-dado',
    templateUrl: './dado.component.html',
    styleUrls: ['./dado.component.css']
   })
  
   export class DadoComponent implements OnInit {
    valor: number;
    constructor() { }
  
    ngOnInit() {
     this.valor = Math.trunc(Math.random() * 6) + 1;
    }
  
   }
  </code></pre>
  
  <p>dado.component.html:</p>
  
  <pre><code>  &lt;div class="forma"&gt;
     {{valor}}
    &lt;/div&gt;
  </code></pre>
  
  <p>Thanks</p>