title: Angular Frontend - How do I change a value I got from backend in frontend
body: <p>I recently started Angular and I've been stuck on this single problem.</p>
  <p>So when the frontend loads a page, it performs a GET and fetches the following values:</p>
  <pre><code>getAll(fetch_id: string): Subject&lt;Element[]&gt; {
  this.dataSource.getData(fetch_id).subscribe((elements) =&gt; {
    this.elements = elements.map((element) =&gt; ({
      id: element.element_id.toString(),
      name: element.element_name,
      fetch_method: element.fetch_method_id,
      created: element.created_at,
    }));
    this.elements$.next(this.elements);
  });
  return this.elements$;
  </code></pre>
  <p>My HTML is displaying like this:</p>
  <pre><code>&lt;td
      class=&quot;pointer&quot;
      mat-cell
      *matCellDef=&quot;let element&quot;
      [routerLink]=&quot;getFetchUrl(element)&quot;
    &gt;
      {{ element.fetch_method }}
    &lt;/td&gt;
  </code></pre>
  <p>My issue is: the <em>fetch_method</em> wil either return 1,2 or 3, which I have to represent differently in the Frontend part (if 1, the frontend must display &quot;Automatic&quot;, if 2, it must display &quot;Manual&quot;, if 3, it must display &quot;Both&quot;).</p>
  <p>Currently, my Frontend only displays 1,2 or 3.</p>
  <p>I tried searching if I could insert and IF-ELSE statament somewhere but found nothing that could help. I would appreciate any suggestion!</p>