title: How to get the value of image source using typescript?
body: <p>I am trying to access json API and retrieve some data for example : title , category, and images.</p>
  
  <p>The problem is I cant get the source of the images.</p>
  
  <p>I have tried :</p>
  
  <ul>
  <li>field_image[0].src</li>
  <li>field_image[0].getAttribute('src')</li>
  <li>field_image[0].attr('src')</li>
  <li>etc ..</li>
  </ul>
  
  <p>but nothing worked correctly, it gives me "function not found" or "undefined".</p>
  
  <p>pls help .. and thanks..</p>
  
  <p>this is example of one json object that I retrieved.</p>
  
  <pre><code>Object
      body:"this is a normal text"
      field_category:"myCat"
      field_image:Array[2]
      0:
      "&lt;img typeof="foaf:Image" src="http://rs.ksu.edu.sa/sites/rs.ksu.edu.sa/files/styles/750x407/public/2017-01-19-photo-00000063.jpg?itok=g4DouHqQ" width="750" height="407" alt="" /&gt;"
      1:
      "&lt;img typeof="foaf:Image" src="http://rs.ksu.edu.sa/sites/rs.ksu.edu.sa/files/styles/750x407/public/20150817-img_0604.jpg?itok=zNXuoh5t" width="750" height="407" alt="" /&gt;"
  
      length:2
      __proto__:
      Array[0]
      field_issue:"1260"
      field_page_number:"19"
      field_sub_title:"sub"
      field_sub_title1:
      Array[0]
      field_sub_title2:
      Array[0]
      nid:"1269"
      title:"&lt;a href="/issue-1260/1269"&gt;this is title&lt;/a&gt;"
      __proto__:
  </code></pre>