javascript - Angular :ng-model为数字

我有一个select，我这样渲染：

<select
    ng-model="otherDoc.sub_category"
    ng-options="key as value for (key, value) in vm.otherDocs"
>
</select>

otherDoc.sub_category是number，但是select会将值转换为字符串。因此它们不匹配。

我怎样才能告诉angular匹配模型的内容而不是类型？

最佳答案

诀窍是使用ngModel。$ parsers和ngModel。$ formatters

如果您了解我的话，您希望从选择中返回的值在到达模型之前被转换回数字（otherDoc.sub_category）。

我会像这样向您的选择添加指令

（HTML）

<select
    ng-model="otherDoc.sub_category
    ng-options="key as value for (key, value) in vm.otherDocs"
    formatter-directive>
</select>

（JavaScript）

angular.module('someModuleName').directive('formatterDirective', function() {
  return {
    restrict: 'A',
    require: 'ngModel',
    link: function(scope, element, attrs, ngModel) {
      ngModel.$formatters.push(function(val) {
          return parseInt(val, 10);
      });
    }
  };
});

从视图返回时，模型中的值将被解析为以10为底的整数。