Resolve method using Angular JS

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular-route.min.js"></script>
<script type="text/ng-template" id="embedded.home.html">
    <h1> Home </h1>
    {{test}}
</script>

<div>
     <div ng-view></div>
</div>

JavaScript

var myApp = angular.module('myApp',['ngRoute']);


myApp.config(['$routeProvider',function ($routeProvider) {
    $routeProvider.
    when('/home', {
        templateUrl: 'embedded.home.html',
        controller: 'myController',
        resolve:{
             officeList: function(officeListFactory) {
                return officeListFactory.getOfficeList();
            }
        }
    }).
    otherwise({
        redirectTo: '/home'
    });
}]);

myApp.controller('myController', function ($scope,officeList) {
    $scope.test =officeList.data;
});




myApp.factory('officeListFactory', function($http, $window) {
alert('hi');
    var factoryResult = {
        getOfficeList: function() {
            var promise = $http({
                method: 'GET', 
                url: 'http://api.openweathermap.org/data/2.5/forecast/daily?id=524901' 
            }).success(function(data, status, headers, config) {
                return data;
            });

            return promise;
        }
    }; 
    return factoryResult;
});