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
            });
        }
    }
});

如何使用ui-select2事件

1 个答案: