Selectize&AngularJS不与选择框一起玩(多个选项)

首先,您的指令需要使用以下内容请求对ngModel控制器的可选引用：

要求：’？ngModel’.

它作为第4个位置的参数注入到链接函数中：

function(scope,element,attrs,ngModel){}

然后,你必须听取选择中的变化
$(元素).selectize().在( ‘变化’,回调)

并使用ngModel通知ngModel.$setViewValue(value)

这是您的指令的修改版本.它应该让你开始.

angular.module('angular-selectize').directive('selectize',function($timeout) {
    return {
        // Restrict it to be an attribute in this case
        restrict: 'A',// optionally hook-in to ngModel's API 
        require: '?ngModel',// responsible for registering DOM listeners as well as updating the DOM
        link: function(scope,ngModel) {
            var $element;
            $timeout(function() {
                $element = $(element).selectize(scope.$eval(attrs.selectize));
                if(!ngModel){ return; }//below this we interact with ngModel's controller
                //update ngModel when selectize changes
                $(element).selectize().on('change',function(){
                    scope.$apply(function(){
                        var newValue = $(element).selectize().val();
                        console.log('change:',newValue);                    
                        ngModel.$setViewValue(newValue);
                    });
                });
            });
        }
    };
});

也：

> plunker
> angular docs for ngModelController