AngularJS Materialカスタムブレークポイント

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 Isayev、

はい、私たちはAngularjsマテリアルが提供する$ mdMediaサービスを使用して、カスタムブレークポイントを定義することができます。 たとえば、既存の 'lg'、 'sm'、 'xs'の代わりに1000pxで画像を表示/非表示にしたい場合は、以下のようなカスタムを作成することができます： $scope.customFullscreen = $mdMedia('(max-width: 1234px)'); 上記のコードでは、customFullscreenがチェックし、max-widthが1234pxの場合は「TRUE」を返します。それ以上のものは「FALSE」を返します。これらのブール値に基づいて、必要なビジネスロジックを持つことができます。