如何使用ui-select2事件

Question

我正在使用文档中所示的ui-select2:

<select ui-select2="{ allowClear: true}" ng-model="select2">
    <option value="one">First</option>
    <option value="two">Second</option>
    <option value="three">Third</option>
</select>

我想在像select2-open, select2-opening or select2-close这样的事件上调用控制器上的一些函数，就像这样:

$scope.myFunction = function(){
 alert("Hello");
}

我该怎么做?

Answer 1

我通过在select2元素中添加另一个指令来做到这一点，您可以在其中侦听事件。

HTML:

<select ui-select2="{allowClear: true}" ng-model="select2" my-directive>
    <option value="one">First</option>
    <option value="two">Second</option>
    <option value="three">Third</option>
</select>

指令:

myApp.directive('myDirective', function() {
    return {
        link: function(scope, element) {
            element.on('select2-loaded', function() {
                // do cool stuff
            });
        }
    }
});