由网友(浅色夏沫ゞ)分享简介：例如，如果我有一个范围值：$scope.bankInfo = '808,CityBank';和输入字段：我不知道什么是我的输入字段只绑定到数字部分（即808）的正确方法。我应该使用自定义的指令？I don't kn...

例如，

如果我有一个范围值：

$scope.bankInfo = '808,CityBank';

和输入字段：

<input name="bank_number" ng-model="bankInfo " />

我不知道什么是我的输入字段只绑定到数字部分（即808）的正确方法。我应该使用自定义的指令？

I don't know what is the proper way to bind my input field only to digit part (that is 808). Should I use custom directive?

推荐答案

我发现，定制指令是拦截约束力的一个好方法。让申报指令是这样的：

I found that custom directive is a good approach to intercept binding. Let declare a directive like this:

module.directive('banknumber', function () {
        return {
            require: 'ngModel',
            link: function ($scope, $element, $attrs, modelCtrl) {
                modelCtrl.$formatters.push(function (inputValue) {
                    var modelValue = modelCtrl.$modelValue;
                    var bkno = (modelValue == null) ? '' : modelValue.split(',')[0];

                    return bkno;
                });

                modelCtrl.$parsers.push(function (inputValue) {
                    var modelValue = modelCtrl.$modelValue;
                    var bankName = (modelValue == null) ? '' : modelValue.split(',')[1];

                    return modelCtrl.$viewValue + ',' + bankName;
                });
            }
        };
    });

适用于输入和它的完成：

apply to input and it's done:

<input name="bank_number" ng-model="bankInfo" banknumber/>