Angular Promise ($q) is not working

Question

I am trying to use Angular with SignalR in my demo application. I am trying to use $q service to use promises. Don't know whats wrong in my code but its not working.

SERVICE

var boardConsole = $.connection.builtinboard;
var chat = angular.module('chat', []);
chat.factory('board', ['$q', '$timeout', function ($q, $timeout) {
var board = {};
board.startBoard = function (callback) {
    $.connection.hub.start(function () {
        if (angular.isFunction(callback)) {
            callback();
        }
    });
};
board.loadAllMessages = function () {
    var deferred = $q.defer();
    boardConsole.server.loadAllMessages().done(function (messages) {
        deferred.resolve(messages);
    }).fail(function () {
        deferred.reject(function () {
            //SHOW NOTHING FOUND 
        });
    });
    return deferred.promise;
};
return board;
} ]);

CONTROLLER

chat.controller('chatController', ['$scope', 'board', function ($scope, board) {
$scope.Messages = [];
board.startBoard(function () {
    board.loadAllMessages().then(function (messages) {
        alert('1');
        $scope.Messages = messages;
    });
});
} ]);

its not working

Answer 1

Just wrap it in a $timeout . This will perform a safe $apply if necessary.

$timeout(function(){
    deferred.resolve(messages);
});