javascript - 输入显示与 ng-model 中的值不同的值

Question

是否可以显示输入的一个值，但让 ng-model 具有不同的值？

保存我有

$scope.model = { 
date: '/Date(128381238)/'
};

然后:

<input ng-model="model.date" ng-value="pretty(model.date)">

是否可以在同一输入中显示格式化日期，同时不影响模型，而不必诉诸隐藏输入。

Answer 1

检查过滤器，这就是您所需要的；他们格式化数据以供显示。

https://docs.angularjs.org/guide/filter

有内置的，如上面的货币示例，但您可以轻松编写自己的，这是我写的将毫秒转换为“1m 36s”等格式:

.filter('base60', ['$filter', function () {
  return function (msecs) {
    var numDecimalPlaces = 1;
    var formattedElapsedTime = '';
    var seconds = (msecs / 1000).toFixed(numDecimalPlaces);
    var minutes = Math.floor(seconds/60);
    if (minutes > 0) {
      seconds = (seconds % 60).toFixed(numDecimalPlaces);
      formattedElapsedTime = minutes + 'm ' + seconds + 's';     
    } else {
      formattedElapsedTime = seconds + 's';           
    }
    return formattedElapsedTime;
 };
}])

然后在页面上这样调用它:

{{ milliseconds | base60 }}