AngularJS材质自定义断点

Question

如何在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');
});

怎么理解这个？

Answer 1

@ Vladimir Isaev

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