根据视口宽度设置指令属性

时间:2016-03-18 10:56:09

标签: angularjs

我正在使用角光滑旋转旋转木马。它具有要显示和滚动的幻灯片数量的属性:

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

我希望这些属性具有不同的值,具体取决于视口宽度,但我不确定最佳方法是什么。可以在控制器内为指令所在的模板设置吗?

e.g。

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

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

不起作用,但有另一种方式吗?

谢谢,

1 个答案:

答案 0 :(得分:0)

好的,原因是上面的例子不起作用,因为指令属性与@和x绑定,y和y需要插值为:

从这个问题中学到:What is the difference between '@' and '=' in directive scope in AngularJS?