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/