javascript - Adaptive AngularJS ディレクティブ

Question

jQuery コードは次のとおりです。

$(document).ready(function(){
    $(window).on("load resize", function(){
        if ($(window).width()<=960){
            $(".myDirective").css("flex-direction", "column")
        }
        else{
            $(".myDirective").css("flex-direction", "row")
        }
    })
});

ここで、同じ機能を持つ AngularJS ディレクティブを作成したいと考えています。どうすればいいですか？

特定のスタイルでディレクティブを作成する方法を知っています：

.directive('myDirective', function(){
    return{
        link: function(scope, element, attrs){
            element.css({
                flexDirection: 'column'
            });
        }
    }
});

しかし、条件を追加する方法は？