title: How can I display date and time in Angular template and keep it updated?
body: <p>I need to display date and time in my angular template, and keep it updated, so when time is changed to show changed time ofcourse, <strong><em>application SHOULD look</em></strong> like this:</p>
  
  <p>this is my .html template code: </p>
  
  <pre><code>&lt;div class="top-right pull-right"&gt;
    &lt;button type="button" class="btn xbutton-rectangle" (click)="logOut()"&gt;
      &lt;div class="icon-user pull-left"&gt;
        &lt;i class="fas fa-user fa-fw"&gt;&lt;/i&gt;
        &lt;span class="button-text"&gt;{{employee.FullName}}&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class="time-date pull-right"&gt;
        &lt;p class="button-time"&gt;08:55&lt;/p&gt;
        &lt;p class="button-date"&gt;22.06.2018&lt;/p&gt;
      &lt;/div&gt;
    &lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My <code>.ts</code> file:</p>
  
  <pre><code>@Component({
    selector: 'main-screen',
    templateUrl: './main-screen.component.html',
    styleUrls: ['./main-screen.component.css']
  })
  export class MainScreenComponent implements OnInit {
  
    constructor() {
    }
  
    ngOnInit() {
      //.. some methods 
    }
  
    ngOnDestroy() {
      this.ngUnsubscribe.next();
      this.ngUnsubscribe.complete();
    }
  
    logOut() {
      this._globals.isAuthenticated = false;
      this._globals.loggedInUser = null;
      this._globals.token = null;
    }
  
  } 
  </code></pre>
  
  <p>So how can I display date and time? and keep it updated when system date&amp;time changes?</p>