title: AngularJS - Not firing / fetching Http Request at all
body: <p>I am new to Angular and below is the simple code which should fetch data from the http urls and display : </p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"&gt;&lt;/script&gt;
  &lt;body&gt;
  
    &lt;div ng-app="myApp" ng-controller="galaxyCtrlA"&gt; 
      &lt;p&gt;The $http service requests responses from the the server on the "Zone of Avoidance" galaxies, and the response are set as the values of the "message" and "pictures" variables.&lt;/p&gt;
      &lt;p&gt;Welcome message from the "Zone of Avoidance" galaxies is:&lt;/p&gt;
         &lt;h1&gt;{{ message }}&lt;/h1&gt;
  
      &lt;p&gt;The pictures from the "Zone of Avoidance" are:&lt;/p&gt;
       &lt;ul&gt;
        &lt;br/&gt;
        &lt;li ng-repeat="p in pictures"&gt;
          &lt;img src="{{ p.image }}" alt="{{ p.image }}" width="60%" /&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  
    &lt;script&gt;
    var app = angular.module('myApp', []);
  
    app.controller('galaxyCtrlA', function($scope, $http) {
      $http.get("http://www.bogotobogo.com/AngularJS/files/httpRequest/welcome.html")
      .then(function(response) {
          $scope.message = response.data;
      });
  
      $http.get("http://www.bogotobogo.com/AngularJS/files/httpRequest/picture-list.json")
      .success(function(response) {
         $scope.pictures = response.image;
      });
    });
  
    &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The output for the above should be pretty simple but i get a blank page , no errors at all . </p>
  
  <p>Kindly advice what's going wrong </p>