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

Question

如何使用 angularjs 设置进度标签的 value 和 max 属性

<progress value="500" max="1000">

我尝试过使用

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

jdata 保存着 json 数据

Answer 1

这个 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/