角度材料的進度循環指令不起作用

我想使用角度材料的指令「md-progress-circular」（https://material.angularjs.org/latest/demo/progressCircular）顯示漸進式圓形符號。我已經包含angular-material.js以及angular-material.css文件。但我仍然無法在視圖上看到任何圓形符號。角度材料的進度循環指令不起作用

，我已經寫在HTML文件中的代碼 - 提前

<md-progress-circular md-mode="determinate" value="{{host.volumePercentage}}" md-diameter="25"></md-progress-circular>

感謝。

來源

2016-07-08 Neha Gupta

在這裏，你去！這是從他們的文檔直接。您必須確保determinateValue根據您正在等待的任何事件適當增加。

var demoApp = angular.module('demo', ['ngMaterial']); 
 
demoApp.controller('demoController', function($interval, $scope) { 
 

 
});

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.css"> 
 
<!-- Angular Material requires Angular.js Libraries --> 
 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script> 
 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.min.js"></script> 
 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-aria.min.js"></script> 
 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-messages.min.js"></script> 
 

 
<!-- Angular Material Library --> 
 
<script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.js"></script> 
 

 
<body ng-app="demo"> 
 
    <div ng-controller="demoController"> 
 
    <md-progress-circular md-mode="indeterminate"></md-progress-circular> 
 

 
    </div> 
 
</body>

來源

2016-07-08 06:44:39 Srijith

我只是想顯示特定百分比，不以漸進的方式。因此我認爲js代碼是不需要的。而且我還添加了所有的angularJS庫，但仍然無法正常工作。 –

所以你想要一個'interdeterminate'嗎？這將顯示微調，直到你決定隱藏它。 – Srijith

沒有不確定的。我只想要一個確定的，但它應該顯示在前一個例子。 74％，而不是遞增的方式。因此，它不需要JS代碼。 –

角度材料的進度循環指令不起作用

回答

相關問題