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