How to change colspan when angularJS window width changes?

Question

JavaScript

Tell me how to change colspan using 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">
In console $scope.colSpan changes value. It remains to understand what I missed, so that the value in the template changes.
UPD: this html is inside the directive

Answer 1

I provide a working solution

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