title: How to map object from API to Angular input text
body: <p>I am trying to read API response in Angular and display it in the input text field. I am able to call the API and print the response in the console but I am not able to capture response in the object and map it to the input field.</p>
  <p><em><strong>Log API response :</strong></em></p>
  <p><a href="https://i.stack.imgur.com/FDyFx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FDyFx.png" alt="enter image description here" /></a></p>
  <p><em><strong>m-fin.services.ts</strong></em></p>
  <p>Service to call external API.</p>
  <p><a href="https://i.stack.imgur.com/Q0pwO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Q0pwO.png" alt="enter image description here" /></a></p>
  <p><em><strong>networth-home.component.ts</strong></em></p>
  <p>Trying to capture response in the variable.</p>
  <p><a href="https://i.stack.imgur.com/4R1to.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4R1to.png" alt="enter image description here" /></a></p>
  <p><em><strong>networth-home.component.html</strong></em></p>
  <pre><code>&lt;div class = &quot;account&quot;&gt;
      &lt;div class=&quot;field is-horizontal&quot;&gt;
          &lt;div class=&quot;field-label is-normal&quot;&gt;
              &lt;label class=&quot;label&quot;&gt;Saving Account&lt;/label&gt;
          &lt;/div&gt;
          &lt;div class=&quot;field-body&quot;&gt;
              &lt;div class=&quot;field&quot;&gt;
                  &lt;div class=&quot;control&quot;&gt;
                      &lt;input class=&quot;input is-primary&quot; type=&quot;text&quot; placeholder= {{pages.account_amount}}&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p><em><strong>Error :</strong></em></p>
  <pre><code>Error: src/app/networth/networth-home/networth-home.component.html:27:86 - error TS2339: Property 'account_amount' does not exist on type 'string'.
  
  27                     &lt;input class=&quot;input is-primary&quot; type=&quot;text&quot; placeholder= {{pages.account_amount}}&gt;
                                                                                          ~~~~~~~~~~~~~~
  
    src/app/networth/networth-home/networth-home.component.ts:6:16
      6   templateUrl: './networth-home.component.html',
                       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
      Error occurs in the template of component NetworthHomeComponent.
  </code></pre>