角度材料的进度循环指令不起作用

我想使用角度材料的指令“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代码。 –

角度材料的进度循环指令不起作用

回答

相关问题