在使用ng-model时如何在显示之前格式化绑定值？

Question

我现在有这样的事情：

$scope.value = 0;

///

<input type="number" ng-model="value" placeholder="This is not showing" />

这显然会在我的号码输入中显示默认值0，而我希望placeholder出现。

我该怎么做？

Answer 1

您可以使用其他变量，如果$scope.value不显示它。

示例

angular.module('myApp', [])
  .controller('myCtrl', function($scope) {
  $scope.value=0;
  $scope.test = $scope.value == 0 ? '' : $scope.value;
});
              

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
  <input ng-model="test" placeholder="test">  
</div>