javascript - Angular以编程方式添加没有属性的ngChange

Question

我试图在不修改 HTML 的情况下模拟指令中的 ng-change 属性(因此没有 ng-change 属性)。

查看 ngChange 指令的 Angular 源代码，我的指令有效并且看起来像这样:(基本上在这个指令中，当 model change 时，我需要 blur() 一个 select 字段)

.directive('blurOnChangeFix', ['$timeout',
    function($timeout) {
        return {
            restrict: 'AEC',
            require: 'ngModel',
            link: function($scope, element, attr, ngModel) {
                    // automatically blur element on ngModel change
                    ngModel.$viewChangeListeners.push(function() {
                    $timeout(function() { // IE bug fix
                        $(element).blur();
                    }, 100);
                });
            }
        };
    }
]);

应用它:

<select
    id="test"
    ng-options="option for option in ['test1', 'test2'] track by option"
    class="form-control"
    ng-model="form.test"
    ng-required="true"
    blur-on-change-fix
></select>

但这是正确的解决方案吗？没有其他方法可以做到这一点吗？ scope.change() 怎么样？

谢谢

Answer 1

如果我没理解错的话，您是想在您的模型上做一个$watch；例如:

link: function($scope, element, attr, ngModel) {
    $scope.$watch(attr.ngModel,function(newVal,oldVal) {
        element.blur();
    })

你说当 model 改变时你想做一些事情，所以这就是 $watch 的用法。