Javascript 角度指令重新编译

我正在尝试重新呈现指令内容，我尝试了我找到的多个解决方案，但大多数解决方案都冻结了浏览器或根本不起作用，这是我的指令：

angular.module('app.common.directives')
.directive('stColumns', function ($compile, $window, $timeout) {

    return {
        require: '^stTable',
        compile: function(tElement, tAttrs, transclude) {
            var displayIdx = $window.innerWidth > 1000 ? 'display' : 'displaySm';
            tElement.find('tr').each(function(idx, el) {
                $(el).find('td, th').each(function(tdIdx, td) {
                    $(td).attr('ng-if', 'stColumnsStatus[' + tdIdx + '] && stColumnsStatus[' + tdIdx + '].' + displayIdx);
                });
            });

            return {
                post: function(scope, iElem, attr) {
                    scope.stColumnsStatus = scope[attr.stColumns];
                }
            }
        }
    };
});

简单的智能表格插件，添加了列定义，我想添加的是在用户调整窗口大小后重新呈现整个表格，以便“displayIdx”变量将改变以适应窗口

我对angular还不熟悉，所以我也不确定自己是否做对了：）

这对你有用吗？