0

ドキュメントに示されているように、私は 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");
}

それ、どうやったら出来るの？

4

1 に答える 1

0

イベントをリッスンできる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
            });
        }
    }
});
于 2014-08-19T10:05:01.757 に答える