如何使用Progress Circular

时间:2017-01-17 17:57:34

标签: angularjs ecmascript-6 angular-material

我有<md-button>My button</md-button>并希望使用<md-progress-circular>,当我输入按钮时,但内容尚未上传,所以我想在按钮上显示这个微调器,但我不喜欢#39;不知道如何:(

1 个答案:

答案 0 :(得分:0)

这是如何执行此操作的一个非常基本的示例,您可以使用ng-show或ng-if

<div ng-app='home'>
<div ng-controller="MainCtrl">
  <md-button class="md-primary md-accent md-raised" ng-click="func()">
    My button<md-progress-circular ng-show="processing" md-mode="indeterminate"></md-progress-circular>
  </md-button>
</div>
</div>

这将在您的控制器中

$scope.func = function(){
  $scope.processing = true;
  $timeout(function(){
    $scope.processing = false;
  },3000);
};

请注意,$ timeout是模拟承诺或上传内容所需的时间,如您所说&#34;