如何使用angularjs设置进度标记的值和最大属性

时间:2012-12-05 06:13:22

标签: html angularjs

如何使用angularjs

设置进度标记的值和最大属性
<progress value="500" max="1000">

我尝试过使用

<progress value="{{jdata.min}}" max="{{jdata.max}}"></progress>

jdata持有json数据

1 个答案:

答案 0 :(得分:4)

此HTML

<div ng-app='app'>
    <div ng-controller='ctrl'>
       <progress value="{{jdata.min}}" max="{{jdata.max}}">
   </div>
</div>​

您控制器中的此数据

var App = angular.module('app', []);
App.controller('ctrl', function($scope){
    $scope.jdata = {
        min: 500,
        max: 1000
    };
});

检查此jsfiddle:http://jsfiddle.net/jaimem/hKvNc/5/