title: Modify api response in service of angular
body: <p>I am trying to modify the response return by API request. Right now I am getting the response as </p>
  
  <pre><code>[
     {
         name: "Afghanistan"
     }, 
     {
         name: "Åland Islands"
     }
  ]
  </code></pre>
  
  <p>I want to modify it to: </p>
  
  <pre><code>[
     {
          name: "Afghanistan",
          name1: "Afghanistan",
          name2: "Afghanistan"
      },
      {
          name: "Åland Islands",
          name1: "Åland Islands",
          name2: "Åland Islands"
      }
  ]
  </code></pre>
  
  <p>I am trying to copy name field and create new fields eg: name1, name2 in same object . Here is working project <a href="https://stackblitz.com/edit/angular-8bzcdp" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-8bzcdp</a>
  can any one help</p>