title: How to display user output based on the value store in the firebase (Angular)
body: <p>In my firebase, the status is stored as "0", "1", "2", "3". When I fetch the data it is presented in this manner "status: 0". How do I code it such that when I fetch the data it will display "status: new" instead of "status: 0" </p>
  
  <p>component.html</p>
  
  <pre><code>        &lt;html&gt;
          &lt;table id="table" class="table table-striped"&gt;
            &lt;thead&gt;
              &lt;tr&gt;
                &lt;th&gt;Due Date&lt;/th&gt;
                &lt;th&gt;Assigner&lt;/th&gt;
                &lt;th&gt;Assignee&lt;/th&gt;
                &lt;th&gt;Urgency&lt;/th&gt;
                &lt;th&gt;Description&lt;/th&gt;
                &lt;th&gt;Status&lt;/th&gt;
              &lt;/tr&gt;
            &lt;/thead&gt;
            &lt;tbody&gt;
              &lt;tr *ngFor="let content of acts"&gt;
                &lt;td&gt;{{content.dueDate}}&lt;/td&gt;
                &lt;td&gt;{{content.Assigner}}&lt;/td&gt;
                &lt;td&gt;{{content.Assignee}}&lt;/td&gt;
                &lt;td&gt;{{content.urgency}}&lt;/td&gt;
                &lt;td&gt;{{content.description}}&lt;/td&gt;
                &lt;td&gt;{{content.status}}&lt;/td&gt;
              &lt;/tr&gt;
            &lt;/tbody&gt;
          &lt;/table&gt;
          &lt;/html&gt;
  </code></pre>
  
  <p>Component.ts</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import { FormBuilder, FormGroup, Validators, FormArray } from 
  "@angular/forms";
  import { TodoItem } from "../_models";
  import { ToDoListService } from '../_services';
  
  @Component({
  selector: "toDoList",
  templateUrl: "./toDoList.component.html",
  styleUrls: ["./toDoList.component.css"]
  })
  export class ToDoList implements OnInit {
  Form: FormGroup;
  currentUser: User;
  acts: Array&lt;any&gt; = [];
  act: TodoItem;
  
  constructor(private fb: FormBuilder,
  private todoSrv: ToDoListService) {
  let res2do = todoSrv.getAll();
  res2do.then(result2do =&gt; {
    result2do.subscribe(async _acts =&gt; {
      this.acts = _acts;
      console.log("Initial act", this.acts);
      });
    });
  }
  </code></pre>