Angularjs 如何通过窗口自动更改以角度平滑显示的幻灯片数量'；s宽度

我是一个有棱角的新手。我想通过使用制作一个幻灯片，我希望它能够支持一个快速响应的网站。这是我的示例代码

<slick infinite="true" slides-to-show="4" slides-to-scroll="1" prev-arrow=".slick-prev" next-arrow=".slick-next">

        <div class="item">
            aaaa
        </div>
        <div class="item">
            bbbb
        </div>  
        <div class="item">
            cccc
        </div>  
        <div class="item">
            eeee
        </div>      
        <div class="item">
            ffff
        </div>
        <div class="item">
            gggg
        </div>                                                                  

    <a type="button" class="slick-prev"><i class="glyphicon glyphicon-menu-left"></i></a>
    <a type="button" class="slick-next"><i class="glyphicon glyphicon-menu-right"></i></a>
</slick> 

aaaa
bbbb
中交
eeee
ffff
gggg

根据代码，我将幻灯片设置为show=4，但当窗口大小小于768px时，如何将其更改为3

---

非常感谢您的帮助。

实际上忽略这一点，您可以更轻松地基于范围变量设置属性

例如：

<slick ng-controller="<the controller's name>" infinite="true" slides-to-show="{{numberOfTiles}}" slides-to-scroll="1" prev-arrow=".slick-prev" next-arrow=".slick-next">
    </slick>


angular.module('<your module's name here>')
        .controller('<the controller's name>', ['$scope', '$window', function ($scope, $window)
        {
            $scope.numberOfTiles = $window.width > 768? 4 : 3;
        }]);

angular.module('<your module's name here>')
    .controller('<the controller's name>', ['$scope', '$window', function ($scope, $window)
    {
        $scope.screenIsWide = $window.width > 768;
    }]);

---

您还可以通过控制器根据大小进行更改（通过侦听以下事件：

$window.addEventListener（“orientationchange”，function（）{/*do stuff*/}）；

实际上忽略了这一点，您可以更轻松地基于范围变量设置属性

例如：

<slick ng-controller="<the controller's name>" infinite="true" slides-to-show="{{numberOfTiles}}" slides-to-scroll="1" prev-arrow=".slick-prev" next-arrow=".slick-next">
    </slick>


angular.module('<your module's name here>')
        .controller('<the controller's name>', ['$scope', '$window', function ($scope, $window)
        {
            $scope.numberOfTiles = $window.width > 768? 4 : 3;
        }]);

angular.module('<your module's name here>')
    .controller('<the controller's name>', ['$scope', '$window', function ($scope, $window)
    {
        $scope.screenIsWide = $window.width > 768;
    }]);

---

您还可以通过控制器根据大小对其进行更改（通过侦听以下事件：

$window.addEventListener（“orientationchange”，function（）{/*do stuff*/}）；

这不会自动检测屏幕大小，您必须在每次回答时刷新页面，在控制器实例化时计算一次窗口大小。我说：“您还可以通过控制器根据大小进行更改（通过监听事件，如：$window.addEventListener（“orientationchange”，function（）{/*do stuff*/}）；“这不会自动检测屏幕大小，每次回答时都必须刷新页面，在控制器实例化时计算一次窗口大小。我说：“您还可以通过控制器根据大小进行更改（通过监听以下事件：$window.addEventListener（“orientationchange”，function（））{/*做事*/}）；”