AngularJS URL -指定目标页面的数据，数据不会出现在ngRoute中

angular.module('myApp', ['ngRoute'])
  .config(function($routeProvider) {
    $routeProvider
      .when('/page1', {
        templateUrl: 'page1.html',
        controller: 'Page1Controller'
      })
      .otherwise({
        redirectTo: '/page1'
      });
  });

angular.module('myApp')
  .controller('Page1Controller', function($scope) {
    $scope.message = 'Hello, World!';
  });

<div ng-controller="Page1Controller">
  {{ message }}
</div>

angular.module('myApp')
  .controller('Page1Controller', function($scope, DataService) {
    DataService.getData().then(function(data) {
      $scope.data = data;
    });
  });

angular.module('myApp')
  .factory('DataService', function($http) {
    return {
      getData: function() {
        return $http.get('/api/data').then(function(response) {
          return response.data;
        });
      }
    };
  });