Directive not updateing (re-render) with data change - angularjs

Question

I can't get my angularJS module to update when the provider keeping the data is updated.
The console.logs are being written out, but html doesn't update.
Directive:
.directive('logBar', ['loggingService', function(loggingService) {
var template = '<div class="floatLeft" ><div class="arrow"></div></div>' +
'<ul class="floatLeft">' +
'<li class="logHolder" tabindex="-1" ng-repeat="log in logs | reverse">' +
'<label class="label label-{{log.type}}" ng-click="alert(log.message);" tabindex="-1">{{log.date | date:"HH:mm, dd.MMM" }} - {{log.message}}</label>' +
'</li>' +
'</ul>';
return {
restrict: 'E',
template: template,
scope: {},
link: function($scope, $elem, $attrs) {
$scope.$watch(function() {
console.log("logs updating");
$scope.logs = loggingService.getLogs();
console.log($scope.logs);
});
}
};
}]);
provider:
provider('loggingService', function() {
var logs = [{"date": Date.now(), "origin": "Logbar", "message": "Welcome", "type": "info"}];
var maxLogs = 15;
var types = "default,primary,success,info,warning,danger";
this.resetLog = function() {
logs = [];
};
this.Removelog = function(message, type, alert) {
};
this.$get = function() {
return {
logs: logs,
getLogs: function() {
return logs;
},
log: function(message, type, alert) {
if (types.indexOf(type) === -1) {
if (type !== "error") {
type = "default";
} else {
type = "danger";
}
}
logs.push({"message": message, "type": type, "date": Date.now(), origin: "User"});
if (logs.length > maxLogs) {
logs.shift();
}
}
};
};
})
controller:
Works with applys, but without them, it does not. Is there anyway to insert the $apply into the provider so I don't have to write them everywhere?
$http.post("/competition/" + $scope.key, angular.toJson($scope.draws)).success(function(data) {
$scope.fixDraws();
loggingService.log("Saved", "success", false);
$scope.$apply();
}).error(function(data) {
loggingService.log("Error", "danger", true);
$scope.fixDraws();
$scope.$apply();
});

Answer 1

From what I read, you're trying to update your scope from the watchExpression, not from the $watch listener.
Try this:
link: function($scope, $elem, $attrs) {
$scope.$watch(
// watch expression
function() {
return loggingService.getLogs();
},
// listener
function(newVal){
$scope.logs = newVal;
}
);
}
Refer to the docs.

Answer 2

It was fixed by adding the $apply to the http calls. And I could not reproduce the error in another project.