在ionic項目里怎么使用圓形進度條radialindicator呢。
1.首先index.html中引入angular.radialIndicator.js和radialIndicator.js文件:
<script src="radialIndicator.js">
<script src="angular.radialIndicator.js">
2.具體使用:
(1)<div data-radial-indicator=""></div>
或:
(2)<div data-radial-indicator="{radius : 80, percentage :true,barColor : '#87CEEB', initValue: 70}"></div>
或:
(3)<div data-radial-indicator="indicatorOption"></div>
3.controller.js里怎么寫,注意這里一定要寫上:[['radialInicator']
如果用的是步驟2中的方法(1)或者(2),這里就不需要再賦值了,如果是方法(3),需要在這里給inicatorOption賦值,對于列表,本人建議使用方法(2),方便!
angular.module('myApp', ['radialIndicator'])
.controller('demo', ['$scope', function ($scope) {
$scope.indicatorOption = {
radius : 80,
percentage :true,
barColor : "#87CEEB",
initValue : 70
};
}]);
附:radialindicator參數表格:
注:本文內容版權屬于jQuery之家,轉載請注明出處:http://www.htmleaf.com/jQuery/Layout-Interface/201502171389.html