Как изменять colspan при изменении ширины окна angularJS?

Question

[IvanKalinin]

Подскажите, как изменять colspan средствами angular?

Controller:

$window.onresize = function(){
                $scope.colSpan = ($window.innerWidth <= 767) ? 4 : 6;
                console.log('colSpan');
                console.log($scope.colSpan);
            };

HTML:
<td colspan="{{colSpan}}" class="text-center">

В консоли $scope.colSpan меняет значение. Осталось понять, что я упустил, чтоб изменялось значение в шаблоне.

UPD: данный html находитс внутри директивы

Answer 1

[IvanKalinin]

Привожу решение рабочее решение вопроса

$window.onresize = function(attrs){
                $scope.colSpan = ($window.innerWidth <= 767) ? 4 : 6;
                $scope.$apply(attrs.confirmAction);
            };