title: How to display a value from JSON in AngularJS
body: <p>How can I display a value from JSON data in AngularJS. I am doing a API call to get the JSON data.</p>
  
  <p>An example of some values I want to display:</p>
  
  <pre><code>"Example": [{
      "Source": "Something Here",
      "Value": "1"
  }, {
      "Source": "Something Else",
      "Value": "2"
  }, {
      "Source": "Another One",
      "Value": "3"
  }],
  </code></pre>
  
  <p>The example shows how the JSON data is delivered. How do I display the value of “something here” and/or display the value of “something else”</p>
  
  <p>I have no problems displaying </p>
  
  <pre><code>"Test1": "Value 1",
  "Test2": "Value 2",
  "Test3": "Value 3",
  </code></pre>
  
  <p>Using a function:</p>
  
  <pre><code>function fetch() {
    $http.get("https://www.example.com/exampleData.json")
      .then(function(response) {
        $scope.display = response.data;
      }); 
  } 
  </code></pre>
  
  <p>And displaying it with:</p>
  
  <pre><code>&lt;div ng-if="display.Response==='True'"&gt;
  {{ display.Test1 }}
  &lt;/div&gt;
  </code></pre>
  
  <p>Hope I explained myself good enough as I am pretty new to Angular but love it so far!</p>