下面是如何做到這一點的例子 - CodePen
的想法是,以檢查$window
調整大小,然後相應地改變md-progress-circular
的直徑。
標記
<div ng-controller="AppCtrl" ng-cloak="" ng-app="MyApp" layout-fill layout="column">
<div flex layout="column", layout-align="center center">
<md-progress-circular md-diameter="{{diameter}}"></md-progress-circular>
</div>
</div>
JS
angular.module('MyApp',['ngMaterial', 'ngMessages'])
.controller('AppCtrl', function($scope, $window, $mdMedia) {
resizeProgress();
angular.element($window).bind("resize", function() {
resizeProgress();
$scope.$apply();
});
function resizeProgress() {
if ($mdMedia("gt-xs")) {
$scope.diameter = 200;
}
else if ($mdMedia("xs")) {
$scope.diameter = 100;
}
}
});