【转】ionic 圆形进度条的使用radialindicator

在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