在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