AngularJS Material 自定义断点

【问题标题】：AngularJS Material custom breakpointsAngularJS Material 自定义断点
【发布时间】：2018-05-21 23:18:30
【问题描述】：

如何在 AngularJS Material 中创建自定义断点？在website 上，他们说您可以使用 $mdMedia 服务设置“customQuery”：

app.controller('MyController', function($mdMedia, $scope){
    $scope.$watch(function(){return $mdMedia('lg');}, function(big){
        $scope.bigScreen=big
    });
    $scope.screenIsSmall=$mdMedia('sm');
    $scope.customQuery=$mdMedia('(min-width: 1234px)');
    $scope.anotherCustom=$mdMedia('max-width: 300px');
});

这个怎么理解？

【问题讨论】：

标签： angularjs angular-material

【解决方案1】：

@弗拉基米尔·伊萨耶夫，

是的，我们可以使用 Angularjs Material 提供的 $mdMedia 服务定义自定义断点。例如，假设您想在 1000 像素处隐藏/显示某些图像，而不是使用现有的 'lg'、'sm'、'xs'。您可以创建一个自定义，如下所示： $scope.customFullscreen = $mdMedia('(max-width: 1234px)'); 上面的代码描述了，如果 max-width 为 1234px，customFullscreen 将检查并返回“TRUE”。高于此值的任何内容都将返回“FALSE”。根据这些布尔值，您可以拥有所需的业务逻辑。

【讨论】：