HTML5输入类型范围未设置为模型AngularJS的初始值

Question

我正在使用HTML5输入类型的滑块功能并将其绑定到我的模型。

默认情况下，我的模型中会有一个值，但是滑块只占最小值和最大值而不是值。当我从那个屏幕返回并返回时，滑块会移到左端，但值仍然是我上次给出的值。

$scope.maxAmt = $rootScope.maxAmt;
$scope.minAmt = $rootScope.minAmt;
$scope.loanAmt = 5000;

<input type="range" min="{{minAmt}}" max="{{maxAmt}}"
                     value="{{loanAmt}}" step="500"
                     ng-model="loanAmt"
                     >
<output name="loanAmt">{{loanAmt}}</output>