javascript - 如何在 AngularJS 中发送文本输入的 JSON 整数？

Question

我有一个简单的文本输入，我想将其作为整数以 JSON 格式发送到服务器:

<input ng-model="album.release_year" pattern="\d{4}" placeholder="YYYY" class="text" type="text" required>

问题是这会一直将其发送为 '1995' 而不是 1995。

我已将输入类型更改为“number”，但问题是我的所有验证都中断了(由于某种原因，它允许您提交不遵循模式的表单)。

Answer 1

看看formatters and parsers - 它们正是用于此类用途。解析器更改 View 中的值在模型中的存储方式。而格式化程序会更改模型中的值在 View 中的显示方式。

使用指令你可以做这样的事情:

<input ng-model="album.release_year"
       my-input-directive
       pattern="\d{4}" placeholder="YYYY"
       class="text" type="text" 
       required>

并创建一个指令，向 ngModel 添加解析器

angular.module('my.module', [])
    .directive('myInputDirective', function(){
        return {
            require: 'ngModel',
            link: function(scope, element, attrs, ngModel) {
                ngModel.$parsers.push(function(viewValue){
                    return parseInt(viewValue);
                });
            }
        };
    });