AngularJS <input> 类型设置为“数字”，如何强制将初始值显示为非数字字符串答案

【问题标题】：AngularJS <input> with type set to 'number', how to force a initial display of value to a non-number stringAngularJS <input> 类型设置为“数字”，如何强制将初始值显示为非数字字符串
【发布时间】：2015-10-28 13:21:39
【问题描述】：

我想知道使用 Angular，如果 <input> 将“类型”设置为“数字”，如果 ng-model 初始化为某个数字（在我的示例中为 0），您能否强制初始显示非数字字符串)?

我的示例代码在这里：http://plnkr.co/edit/TwraJlxZSd3TeSYscExq?p=info

本主题与： [1]: 'AngularJS directives to hide zero when <input> is initially loaded to the DOM'

和： [2]: 'Hide Value in input when it's zero in angular Js'

【问题讨论】：

我不这么认为。我遇到了类似的问题，我的解决方案是将字符串解析为整数。
请将你的代码带入问题本身，这样以后的人，如果“plnkr”死掉（或只是暂时摔倒），仍然可以看到相关代码，理解问题并学习答案。我们只需要minimal code 即可可视化和重现您的问题。
用placeholder="-"怎么样？
这是一种解决方法。谢谢

标签： jquery html angularjs dom angularjs-directive

【解决方案1】：

The following directive will solve your problem,


app.directive('hideZero', function() {
    return {
      link: function(scope, element, attrs) {
        var modelName = attrs.ngModel;
        scope.$watch(modelName, function(newVal, oldVal){
          if(newVal === 0) {
            element[0].value = null;
            scope[modelName] = null;
          }
        });
      }
    };
})

【讨论】：