如何使用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
            });
        }
    }
});