Angularjs划分模型值并在文本框中显示

Question

您好我有一个文本框，可以获得一个显示良好的数字值，但我希望通过将该值除以60来转换该值。

 <input ng-model="customer.balance" name="" type="text" class="form-control" id="limit" placeholder="Enter limit">

因此，数据库中的customer.balance值为600秒，但我希望它显示10分钟。当我尝试以下

时

 <input ng-model="customer.balance/60" name="" type="text" class="form-control" id="limit" placeholder="Enter limit">

我收到了非分配错误。如何在html输入ng-model上进行此转换

Answer 1

使用ng-init

<input ng-model="customer.balance" ng-init="Calculation()" name="" type="text" class="form-control" id="limit" placeholder="Enter limit">

//在控制器中

$scope.Calculation = function()
{
customer.balance = parseInt(customer.balance)/60;
}

Answer 2

您可以使用两种模型来绑定数据：

 <input ng-model="customer.balanceTemp" ng-init="customer.balanceTemp=customer.balance/10" ng-change="customer.balance=customer.balanceTemp*10" name="" type="text" class="form-control" id="limit" placeholder="Enter limit">

演示：https://codeide.co/QRgfCfOi