jQuery插件和角度

Question

在我的应用程序中，通过 angular 编写，我为特定类型的输入定义了一个指令...

greengo.directive('selectize', function() {
return {
    restrict: 'A',
    link: function(scope, element, attrs) {
        $(element).selectize({ ... });
    }
};

});

元素是这样声明的..

<select selectize context = "sensors" ng-model = "newSensor.id"></select>

it works fine.. but my model "newSensor.id" isn't updated when an option is selected...

我哪里错了？

Answer 1

要更新绑定的模型值，您的指令需要在输入指令的控制器上调用 $setViewValue 方法。

http://docs.angularjs.org/api/ng.directive:ngModel.NgModelController

大概是这样的：

greengo.directive('selectize', function() {
    return {
        restrict: 'A',
        require: 'ngModel', // require ng-model directive on element
        link: function(scope, element, attrs, modelCtrl) {
            $(element).selectize({
                // define onChange handler clled when value changes
                onChange: function(newValue) {
                    // set new model value, wrapped in scope.apply 
                    // since event is called outside AngularJS
                    scope.$apply(function() {
                        modelCtrl.$setViewValue(newValue); 
                    });
                }
            });
        }
    };
});