ng-model:空字符串应为null

时间:2014-08-16 21:55:02

标签: javascript angularjs

如果我将ng-model用于输入字段并将其清空,则角度将其设置为''而不是null,即使之前为null

这是我的问题,因为如果输入字段为空,我需要将null发送到服务器,而不是''

有没有办法告诉角度设置"空"输入模型到null

1 个答案:

答案 0 :(得分:44)

您可能希望$watch获取空值并将其设置为null

<input type="text" ng-model="test.value" />
$scope.$watch('test.value', function (newValue, oldValue) {
  if(newValue === "")
    $scope.test.value = null;
});

另一种方法是使用自定义指令并在其中应用$parsers

<input type="text" ng-model="test.value" empty-to-null />
myApp.directive('emptyToNull', function () {
    return {
        restrict: 'A',
        require: 'ngModel',
        link: function (scope, elem, attrs, ctrl) {
            ctrl.$parsers.push(function(viewValue) {
                if(viewValue === "") {
                    return null;
                }
                return viewValue;
            });
        }
    };
});