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

Question

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

<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
    };
});

​</p>

检查这个jsfiddle：http: //jsfiddle.net/jaimem/hKvNc/5/