Definir o atributo de diretiva de acordo com a largura da viewport - angularjs

Estou usando uma mancha angular para um carrossel rotativo. Possui atributos para o número de slides a serem exibidos e rolados:

<slick slides-to-show="x" slides-to-scroll="y">

Eu gostaria que esses atributos tivessem diferentesvalores dependendo da largura da janela de visualização, mas não tenho certeza de qual é a melhor abordagem. Isso pode ser definido dentro do controlador para o modelo em que a diretiva está?

por exemplo.

.controller("someController", function($scope) {
$scope.x = foo;
$scope.y = bar;
}

<div ng-controller="someController">
<slick slides-to-show="x" slides-to-scroll="y">
</div>

não funciona, mas existe outra maneira?

Obrigado,

Respostas:

Ok, vira a razão pela qual o exemplo acima não estava funcionando porque os atributos da diretiva estavam ligados a @ e x e y precisavam ser interpolados como:

Aprendeu com esta pergunta: Qual é a diferença entre '@' e '=' no escopo da diretiva no AngularJS?