title: Angular 4 Firebase Read data from database and display to browser
body: <p>I am learning Angular 4 and I am using firebase database.But I am completly lost on how I can make the objects apear on the browser of my application.
  I currently want to take all the data from users and display them on the browser.</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import { AngularFireDatabase, FirebaseListObservable } from 'angularfire2/database';
  import * as firebase from 'firebase/app';
  
  @Component({
    selector: 'app-about',
    templateUrl: './about.component.html',
    styleUrls: ['./about.component.css']
  })
  export class AboutComponent implements OnInit {
  
    constructor() {
      var allUsers = firebase.database().ref('users/');
        var db = firebase.database().ref('/users/');
        // Attach an asynchronous callback to read the data at our posts reference
          db.on("value", function(snapshot) {
            console.log(snapshot.val());
          }, function (errorObject) {
            console.log("The read failed: " + errorObject.code);
          });
            }
  
    ngOnInit() {
    }
  
  }
  </code></pre>
  
  <p>Everything works fine and I can see my data on the console.But can you help me on how I can make the data on the console apear on the browser??</p>