2016-07-08 6 views
1

角度材料の指令「md-progress-circular」(https://material.angularjs.org/latest/demo/progressCircular)を使用してプログレッシブ円記号を表示しようとしています。 angle-material.cssファイルだけでなく、angular-material.jsも含めています。しかし、私はまだビュー上に円形のシンボルを見ることができません。角材の進行方向循環指令が機能していません

私はhtmlファイルに書かれているコードがある - 事前に

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

感謝。

答えて

1

ここに行ってください!これはドキュメントの内容です。待っているイベントに基づいて、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>

+0

私だけではない漸進的に、特定の割合を表示したいです。したがって、私はjsコードは必要ないと思います。また、すべてのangularJSライブラリを追加しましたが、まだ動作していません。 –

+0

だから、あなたは '間違い'をしたいですか?あなたがそれを隠すことを決定するまで、スピナーが表示されます。 – Srijith

+0

間違いはありません。私は決定的な1つだけが欲しいが、それは一見すると前に表示する必要があります。 74%増加しています。したがって、JSコードは必要ありません。 –

関連する問題